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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,074评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,241评论 0 6
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,074评论 4 129
  • 前言 正文 软件开发: 国内做grails大多是lancer和小公司为主,散落的很多;这个,jvm上各个语言都差不...
    赏味不足阅读 2,057评论 1 1
  • 例文一 浮生如梦,成长的河流一路奔波,它穿越高山峻岭,流过寻常人家,不变的依旧是前行的动力,不变的梦想。 生命是一...
    星月无痕520阅读 1,207评论 0 10