yachen168 / Vue-Lifecycle Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

演示 Vue instance 的生命週期，並比較有使用 <keep-alive> 與無使用 <keep-alive> 時，兩者生命週期有何差異

yachen168.github.io/vue-lifecycle/

1 star 0 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 26 Commits
js		js
README.md		README.md
index.html		index.html
style.css		style.css

Repository files navigation

Vue - Instance Lifecycle

目標

演示出 Vue instance 的生命週期，並比較有使用 <keep-alive> 與無使用 <keep-alive> 時，兩者生命週期有何差異。

結果

學習重點

Instance Lifecycle Hooks：

beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated (有使用 keep-alive)
deactivated (有使用 keep-alive)
beforeDestroy (無使用 keep-alive)
destroyed (無使用 keep-alive)

圖片來源: Vue 文件

About

演示 Vue instance 的生命週期，並比較有使用 <keep-alive> 與無使用 <keep-alive> 時，兩者生命週期有何差異

yachen168.github.io/Vue-Lifecycle/

vue lifecycle vue-instance

Report repository

Releases

No releases published

Packages

No packages published

Languages