首页 > 其他 > 详细

vue的生命周期

时间:2017-07-11 17:30:56      阅读:275      评论:0      收藏:0      [点我收藏+]

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的生命周期

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!