Vue到了2.0以后有什么变化

1. 在每个组件模板，不支持片段代码
   组件中模板：

    现在:  必须有根元素，包裹所有的代码
    	<template id="aaa">
    		<div>
    			<h3>我是组件</h3>
    			<strong>我是加粗标签</strong>
    		</div>
    	</template>
   

2. 关于组件定义
   Vue.extend 这种方式，在2.0里面有，但是有一些改动，这种写法，即使能用，也不用——废弃

   Vue.component(组件名称,{ 在2.0继续能用
   data(){}
   methods:{}
   template:
   });

   2.0推出一个组件，简洁定义方式：
   var Home={
   template:’’ -> Vue.extend()
   };
   虽然不用Vue.extend，但是还是用component
   局部的

3. 生命周期
   之前:1.0版本
   init–组件实例刚被创建(只是创建实例)
   created–实例创建完成
   beforeCompile–模板编译之前
   compiled–模板编译之后
   ready -> mounted–添加数据
   beforeDestroy—销毁之前
   destroyed–销毁之后
   现在:2.0
   beforeCreate 组件实例刚刚被创建,属性都没有
   created 实例已经创建完成，属性已经绑定,但是dom还为绑定
   beforeMount 模板编译之前
   mounted 模板编译之后，代替之前ready *

    beforeUpdate	组件更新之前
    updated	组件更新完毕	*
    
    beforeDestroy	组件销毁前-跟之前一样
    destroyed	组件销毁后
   

4. 循环
   1.0当中的循环添加重复数据需要track-by="$index"
   2.0里面默认就可以添加重复数据

   去掉了隐式一些变量如:$index,$key修改为下列写法
   arr.forEach(function(item,index){});
   之前:
   v-for="(index,val) in array"—1.0默认index在前
   现在:
   v-for="(val,index) in array"—2.0版本
   JSON的循环

5. track-by="id"变成下面写法—默认就可以添加重复数据
   

6. 这句话的意思就是提审代码的性能

8. 自定义键盘指令
   之前：Vue.directive(‘on’).keyCodes.f1=17;
   现在: Vue.config.keyCodes.ctrl=17

9. 过滤器
   之前:
   系统就自带很多过滤
   {{msg | currency}}
   {{msg | json}}
   …
   limitBy
   filterBy
   …
   一些简单功能，自己通过js实现

   到了2.0， 内置过滤器，全部删除了

   json在1.0时需要过滤器，在2.0时不需要
   自定义过滤器——还有
   自定义过滤器传参
   之前: {{msg | toDou ‘12’ ‘5’}}—2.0不支持
   现在: {{msg | toDou(‘12’,‘5’)}}