码迷,mamicode.com
首页 > 其他好文 > 详细

vue的生命周期

时间:2017-07-11 17:52:36      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:class   创建   nload   子函数   cli   bsp   pre   blog   钩子函数   

vue生命周期

钩子函数:

1、created         -----        实例已经创建的时候执行,也就是new Vue成功了之后执行

2、beforeCompile      -----  实例创建完了, 编译之前

3、compiled                 -----        编译之后

4、ready                      -----        插入到文档中

5、beforeDestroy         -----        销毁之前

6、destroyed                -----        销毁之后

     window.onload=function(){
                var vm= new Vue({
                    el:‘#box‘,
                    data:{
                        msg:‘Hello word‘
                    },
                    created:function(){
                        alert(‘实例已经创建‘)
                    },
                    beforeCompile:function(){
                        alert(‘编译之前‘)
                    },
                    compiled:function(){
                        alert(‘编译之后‘)
                    },
                    ready:function(){
                        alert(‘插入到文档中‘)
                    },
                    beforeDestroy:function(){
                        alert(‘销毁之前 ‘)
                    },
                    destroyed:function(){
                        alert(‘销毁之后‘)
                    }
                    
                });
                 document.onclick=function(){
                    vm.$destroy()      //让销毁管用
                };
           };       

 

vue的生命周期

标签:class   创建   nload   子函数   cli   bsp   pre   blog   钩子函数   

原文地址:http://www.cnblogs.com/sun927/p/7147408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!