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

vue的生命周期

时间:2018-06-07 19:30:54      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:new   data   created   this   vue   for   span   update   style   

<script>
        let app = new Vue({
            el:‘#app‘,
            data:{
              name:‘123‘
            },
            beforeCreate(){
                //没有任何数据 创造前
            },
            created(){
                //创造后 有了数据
                console.log(this)
                console.log(this.$data);
            },
             beforeMount(){
                 //挂载前
                 console.log(this.$el);
                 console.log(this.$data);
             },
            mounted(){
                //挂载后
            },
            beforeUpdata(){
                //修改前
            },
            updated(){
                //修改后
            },
            beforeDestroy(){
                //销毁前
            },
            destroyed(){
                // 销毁后
            }
        })
    </script>
 <div id="app">
        <div>{{name}}</div>
 </div>

 

vue的生命周期

标签:new   data   created   this   vue   for   span   update   style   

原文地址:https://www.cnblogs.com/l8l8/p/9151982.html

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