定义:实例或者组件从创建到消灭中间经过的一系列过程
特点:在某一时刻自动执行
beforeCreate() & created()
beforeCreate() 实例生成前自动执行
created() 实例生成后自动执行
beforeCreate() {
console.log("beforeCreate");
},
created() {
console.log("created");
},
beforeMount()&mounted()
组件内容被渲染到页面前自动执行
组件内容被渲染到页面后自动执行
beforeMount() {
console.log(document.getElementById("root").innerHTML, "beforeMount");
},
mounted() {
console.log(document.getElementById("root").innerHTML, "mounted");
},
beforeUpdate() &updated()
beforeUpdate()数据发生变化自动执行
updated()数据发送变化且页面更新完成后自动执行
beforeUpdate() {
console.log(document.getElementById("root").innerHTML, "beforeUpdate");
},
updated() {
console.log(document.getElementById("root").innerHTML, "updated");
},
beforeunmount()&unmounted()
beforeunmount()vue应用失效自动执行
unmounted()vue应用失效且dom完全销毁后自动执行
beforeunmount() {
console.log(
document.getElementById("root").innerHTML,
" beforeunmount"
);
},
unmounted() {
console.log(document.getElementById("root").innerHTML, " unmounted");
},