美文网首页
vue1.0与2.0的一些不同

vue1.0与2.0的一些不同

作者: 南蓝NL | 来源:发表于2018-01-28 15:40 被阅读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

相关文章

  • vue1.0与2.0的一些不同

    路由变化 1、v-link替换成router-link组件,有to的这样一个属性,对应path 语法变化 1、v-...

  • vue1.0与vue2.0路由的区别

    个人总结——vue1.0与vue2.0路由的区别 vue1.0 html部分———— 主页 跳转链接 ...

  • vue2.0与vue1.0中的区别1

    vue2.0与vue1.0中的区别1:每个组件模板中不在支持片段代码 在vue1.0 中的模板template中可...

  • vue 基础知识总结

    这里我们学习vue1.0和2.0看看他们之间有什么不同; 1.vue的基础指令## 1.1 v-on 指令的使用;...

  • vue1.0与2.0的区别

    1.在绑定原生HTML时1.0 {{{message}}} 2.0 2.在标签里的属性中1.0 2.0 3.2....

  • vue1.0与2.0的区别

    本文的意义在于总结一些因为版本的更迭导致比较常见的地方引起错误,具体说明可以参考vue官网 目录 1、组件模板写法...

  • vue+webpack解析vue页面,一切从最简单开始

    这里是针对于vue1.0,如果要学2.0,建议大家去看官方文档vue2.0 http://vuefe.cn/gui...

  • VUE父子模版传值,组件传值

    这里是针对于vue1.0,如果要学2.0,建议大家去看官方文档vue2.0 http://vuefe.cn/gui...

  • 开始接触vue是看的vue1.0的文档,后面发现2.0的也早出来了,就直接开始学习vue2.0了。在实践项目之前,...

  • Vue学习知识点

    1、v-if 和 v-show 2、vue 2.0 不支持 $remove 方法、$index3、vue1.0 -...

网友评论

      本文标题:vue1.0与2.0的一些不同

      本文链接:https://www.haomeiwen.com/subject/lkoaaxtx.html