vueライフサイクルの詳細

    
    
    




   {{msg}}
        
        



    // Vue.filter('addZero',function (data) {
    //     return data<10?'0'+data:data;
    // })
    var vm = new Vue({
        el:"#my",
        data:{
            msg:'hallo world',
            flag:true,
            lists:[{name:'a1',type:'1'},{name:'a2',type:'2'},{name:'a3',type:'3'}],
            currentTime:Date.now()
        },
        methods:{
            update(){
                this.msg ="  ";
            },
            destroy(){
                this.$destroy();
            }
        },
        beforeCreate(){
            this.msg ="112233";
            alert('        ，             ');
            //       el data     
        },
        created(){  //             data      el  
            alert('        ，               ')
        },

        beforeMount(){  //         el   data     
            alert('      ，    ')
        },
        mounted(){  //              
            alert('     ，    ，         ，           ')
        },

        //      

        beforeUpdate(){  //     
            alert('     ')
        },
        updated(){  //      
            alert('        ')
        },


        beforeDestroy(){ //     
            alert('      ')
        },
        destroyed(){ //      
            alert('      ')
        }
    })