vue1.0与2.0的一些不同

路由变化

1、v-link替换成router-link组件，有to的这样一个属性，对应path

2、 路由render指令.png

语法变化

1、v-for指令，可以使用item in
items或者是item for items ，item是迭代元素名，而items是数据来源。

v-for循环的话可以带三个参数.png
2、 key.png
这里的大致意思是：如果数据项的顺序发生了变化，那么不是通过改变dom元素，而是跟踪每个节点的元素。vue1.0中使用的是track-by="$index",在2.0中使用v-bind:key="item.id"
3、v-el和v-ref指令
在vue2.0 使用的是ref和refs。作用就是ref制定的DOM对象或者是组件，都可以使用this.refs来访问。而vue1.0中使用的v-el和v-ref来区分，这样子做也是为了精简api

4、组件通信变化$dispatch废除
vue1.0使用的是$dispatch来派发事件，子组件父组件冒泡。与vue2.0的不同，$emit使用的是在子组件触发父组件的事件，父组件做的事情是监听事件，监听的回调函数写在父组件上面

image.png
image.png
5、事件监听变化，废除events属性
vue1.0使用events监听事件变化，2.0中已经废除
6、不能在子组件直接修改父组件传入的prop

模板变化

1、组件只允许一个根元素

红色框线是必须的.png