Vue-生命周期

如：我们想做一个呼吸灯的效果，我们希望这个灯的opacity一开始是1（这里不确定以后我们想改）,然后不断变暗，到最后消失，opacity在回到1，这样不断闪。

那，做这个效果一定要开一个定时器，定时器放到哪里好呢？

放到 

new Vue({   

       data:{

     opacity:1.

      }

       methods:{          中吗？ 不可以，因为我想opacity也是一个变动的，要放在Vue的data中，而Vue承诺，如果  改变了data中的东西，Vue会帮我们从新解析

       }                          模板，从而在开一个定时器，定时器频率开的很高，cpU扛不住
})

于是我们引入生命周期函数，这个与data,methods平级

mouted函数，是 ！！真实！！DOM加载完毕后调用，以后只有当这个情况才调用这个函数

 关于 when vm.$destroy() is called 的解释，我们可以在methods中去调用 this.$destroy()   （注意this在方法中指的就是vm/Vue） 这个方法,

销毁后，在之前Vue的成果并不会消失。

 关于beforeDestroy的解释： 在这个阶段有个明显的特征：如果在这个阶段去改变Vue中data里的数据，其不会在页面上更新了；

Debug小技巧：若在代码哪里想要停下，可以写下debugger,这个语句，相当于打了个断点