用Vue框架,熟悉它的生命周期可以让开发更好的进行。
首先先看看官网的图,详细的给出了vue的生命周期:

它可以总共分为8个阶段:
beforeCreate(创建前),
created(创建后),
beforeMount(载入前),
mounted(载入后),
beforeUpdate(更新前),
updated(更新后),
beforeDestroy(销毁前),
destroyed(销毁后)
然后用一个实例的demo 来演示一下具体的效果:
{
{a}}
运行后,查看控制台,
得到这个:


然后再methods 里面添加一个change方法:
{
{a}}
methods:{ change(){ this.a = 'change vue' } }
点击按钮之后出现的是:

这就是vue的生命周期,很简单吧。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/229652.html原文链接:https://javaforall.net
