- 生命周期钩子
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="box">{{ message }}</div> <script> var vue = new Vue({ // 挂载 el: "#box", data:{ message:"木兰辞" }, // beforeCreate beforeCreate:function(){ console.log("--- 实例初始化 数据字段或者事件一些东西还没有配置好---") }, created:function(){ console.log("--- created 实例被创建 但是挂载还没有开始----") }, beforeMount:function(){ console.log("--- 挂载之前----") }, mounted:function(){ console.log("--- 已经挂载----") }, updated:function(){ console.log("数据渲染") }, beforeDestroy:function(){ console.log("--- 实例销毁之前----") }, destroyed:function(){ console.log("--- 实例销毁---") } }) </script> </body> </html>
12-22
379
379
07-09
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
