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

Vue_钩子函数

时间:2020-06-30 00:50:40      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:nbsp   渲染   time   dom   loading   log   settime   mamicode   inf   

        <script type="text/javascript">
            var vm = new Vue({
                el: app01,
                data:{
                    a:‘test‘,
                },
                beforeCreate:function(){
                    console.log(‘实例创建之前‘);
                },
                created:function(){
                    console.log(‘实例创建之后‘);
                },
                beforeMount:function(){
                    console.log(‘再挂载开始之前被调用,相关的渲染函数首次被调用‘);
                },
                mounted:function(){
                    console.log(‘el被新创建的vm.$el替换,挂在成功‘);
                },
                beforeUpdate:function(){
                    console.log(‘数据更新时调用‘);
                },
                updated:function(){
                    console.log(‘组件DOM已经更新,组件跟新完毕时调用‘);
                }
            }
            setTimeout(function(){
                vm.a = ‘3秒后数据改变‘
            }, 3000)
        </script>

结果:

技术图片

 

Vue_钩子函数

标签:nbsp   渲染   time   dom   loading   log   settime   mamicode   inf   

原文地址:https://www.cnblogs.com/wangdianchao/p/13211190.html

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