一、Vue生命周期

vue实例中从创建到销毁的过程，称之为生命周期，共有八个阶段。

  
  

    {{msg}}
点击
点击销毁

二、 计算属性

1.基本用法

计算属性也是用来存储数据的，但是有以下几个特点。

• a.数据可以进行逻辑处理操作的
• b.可以对计算属性中的数据进行监视

2.计算属性 vs 方法

将计算属性的get函数定义为一个方法也可以实现类似的功能 区别：

• a.计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变化
• b.计算属性是缓存的，只有相关依赖没有改变，多次访问计算属性得到的值是之前缓存的计算结果，不会多次执行。

3.get和set

计算属性由两部分组成，get和set,分别用来获取计算属性和设置计算属性；
    默认只有get，如果需要set,要自己添加。
    
    
    



    
    

    {{msg}}
    

    {{msg2}}
    

    
    {{msg.split('').reverse().join('')}}
    

    {{msg3}}
    

    修改msg值
    

    {{num1}}
    

    num2:
    {{num2}}
    

    {{getnum2()}}

    

    测试
    

    修改计算属性

    
    
     

三、vue实例的属性和方法

1.属性

vm.$el
vm.$date
vm.$options

2.方法

vm.$mount();
vm.$destroy();
vm.$nextTick();









    {{msg}}
    
标题：{{name}}
    
你好1
    
你好2





  vm.$set();
  vm.$delete();
  








    修改属性
    添加属性
    删除属性
    
{{user.name}}
    
{{user.age}}




  vm.$watch();
  
  
  




    
    

    
    
{{name}}
    

    
    
{{age}}
    

    
    {{user.name}}