vue生命周期钩子函数执行说明 

 1 beforeCreate() {
 2     alert("实例还没有被创建，无法知道data,也不能用watch监听");
 3   },
 4   created() {
 5     alert("这时实例已经创建，可以得到data,调用watch监听，但页面还是空白");
 6   },
 7   beforeMount() {
 8     alert("页面挂载前，此时页面依然空白，这时rander函数首次被调用");
 9   },
10   mounted() {
11     alert("页面挂载了，你可以看到页面内容，也可以访问DOM");
12   },
13   beforeUpdate() {
14     alert("数据更新前，也就是虚拟DOM打补丁之前");
15   },
16   updated() {
17     alert("数据已经更新完毕");
18   },
19   beforeDestroy() {
20     alert("页面离开之前被调用，清楚定时器，或者第三方的一些DOM结构");
21   },
22   destroyed() {
23     alert("实例已经完全被销毁");
24   },

 

posted @ 2020-12-11 15:55  星期7  阅读(148)  评论(0)  编辑  收藏  举报