Vue的生命周期(钩子函数)

来源:互联网 发布:淘宝店铺如何出售转让 编辑:程序博客网 时间:2024/06/05 00:26

Vue一共有10个生命周期函数,我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容。

varapp=newVue({            el:'#app',            data:{                message:1            },            methods:{                jia:function(){                    this.message++;                }            },            beforeCreate:function(){                console.log('1-beforeCreate 初始化之后');            },            created:function(){                console.log('2-created 创建完成');            },            beforeMount:function(){                console.log('3-beforeMount 挂载之前');            },            mounted:function(){                console.log('4-mounted 被创建');            },            beforeUpdate:function(){                console.log('5-beforeUpdate 数据更新前');            },            updated:function(){                console.log('6-updated 被更新后');            },            activated:function(){                console.log('7-activated');            },            deactivated:function(){                console.log('8-deactivated');            },            beforeDestroy:function(){                console.log('9-beforeDestroy 销毁之前');            },            destroyed:function(){                console.log('10-destroyed 销毁之后')            }        })


原创粉丝点击