「Javascript/vue/ライフサイクル」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==ライフサイクル一覧== beforeCreate Created beforeMount mounted beforeUpdate updated beforeDestroy destroyed 参考：https://jp.vuejs.org/v2/guide/instance.html」) |
(→ライフサイクル一覧) |
||
| (同じ利用者による、間の2版が非表示) | |||
| 行1: | 行1: | ||
==ライフサイクル一覧== | ==ライフサイクル一覧== | ||
| − | beforeCreate | + | *beforeCreate |
| − | + | *created | |
| − | beforeMount | + | *beforeMount |
| − | mounted | + | *mounted |
| − | beforeUpdate | + | *beforeUpdate |
| − | updated | + | *updated |
| − | beforeDestroy | + | *beforeDestroy |
| − | destroyed | + | *destroyed |
参考：https://jp.vuejs.org/v2/guide/instance.html | 参考：https://jp.vuejs.org/v2/guide/instance.html | ||
| + | |||
| + | ==consoleサンプル== | ||
| + | beforeCreate() { | ||
| + | console.log("beforeCreate") | ||
| + | }, | ||
| + | created() { | ||
| + | console.log("created") | ||
| + | }, | ||
| + | beforeMount() { | ||
| + | console.log("beforeMount") | ||
| + | }, | ||
| + | mounted() { | ||
| + | console.log("mounted") | ||
| + | }, | ||
| + | beforeUpdate() { | ||
| + | console.log("beforeUpdate") | ||
| + | }, | ||
| + | updated() { | ||
| + | console.log("updated") | ||
| + | }, | ||
| + | beforeDestroy() { | ||
| + | console.log("beforeDestroy") | ||
| + | }, | ||
| + | destroyed() { | ||
| + | console.log("destroyed") | ||
| + | }, | ||
| + | |||
| + | ==ライフサイクルとは違うが、変数更新検出用も用意されている== | ||
| + | *computed | ||
| + | *watch | ||
2018年5月17日 (木) 17:51時点における最新版
ライフサイクル一覧
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy
- destroyed
参考：https://jp.vuejs.org/v2/guide/instance.html
consoleサンプル
beforeCreate() {
console.log("beforeCreate")
},
created() {
console.log("created")
},
beforeMount() {
console.log("beforeMount")
},
mounted() {
console.log("mounted")
},
beforeUpdate() {
console.log("beforeUpdate")
},
updated() {
console.log("updated")
},
beforeDestroy() {
console.log("beforeDestroy")
},
destroyed() {
console.log("destroyed")
},
ライフサイクルとは違うが、変数更新検出用も用意されている
- computed
- watch
