研究生命周期最佳方法, js+chrome提供的debugger断点调试.

    
         {
   {msg}}
    

new Vue()发生的事1.beforeCreate //用不到2.*****created    发送ajax等异步动作    渲染html        如果有template属性会用模板替换掉外部html，        new Vue({            template: '
    
     {
   {a}}
    
',        })                    1.只要有此属性app中的内容就没有任何意义了，            2.只能有一个根元素，不能是文本节点    3.beforeMount //用不到4.****mounted    1.替换el,可以操作dom了,父触发子组件动作    vm.$mount('#app'); 也可以直接在new Vue()里写el属性,会自动触发这个方法.    2.当数据更新时        1.beforeUpdate        2.updated        注: 一般用watch替换掉5.beforeDestory //用不到6.destoryed    解绑事件    清除定时器    vm.$destroy();触发她两执行

mounted上的方法

    
    
     
{
   {msg}}
    
     
        
      
       {
   {a}}