Vue2.0使用总结中......

Posted 2022-12-12 大大大猫头鹰

1.多使用和阅读Vue的全家桶，如（vue,vuex,vux,vue-router,vue-touch,vue-resource,vue-weui......），避免所有的功能模块全由自己重写，节省开发的效率并能够站在巨人的肩膀上规划前端的架构

2.Vue2.0已经废弃1.0的ready钩子函数，进而使用mounted替换，同时还新增了beforeMount、beforeUpdate、updated等

3.Vue2.0同时已经废弃$events、$dispatch、$broadcast,官方推荐使用vuex作为全局的事件驱动，然而废弃的这些方法在vux UI框架中很多地方都有使用，无疑在项目中用到它的地方在2.0版本都会不起作用，甚至会报错。

4.v-for循环中常用的$index、$key也已不支持使用，trackby被key属性替换。

5.v-ref、v-el 弃用 统一使用ref属性为元素或组件添加标记，然后通过this.$refs获取

6.Vue2.0将不提供任何内置的过滤器，推荐使用单独的库，例如moment.js来格式化日期，accounting.js来格式化货币。对过滤器的决定性改变是对其语法的改变，使其与函数调用 date | formatDate('YY-MM-DD') 内联。

7.v-else不再适用于v-show，请使用其他的否定表达式。

8.现在transitions能够通过组件应用，它们补在被视为一种单独类型，因此全局的Vue.transition()方法和transition配置都被丢弃。你可以通过组件的属性和方法配置内嵌的过渡。

9.v-for迭代语法变化
丢弃$index和$key
新数组语法
value in arr
(value, index) in arr
新对象语法
value in obj
(value, key) in obj
(value, key, index) in obj

10.参考资料

基本API变化

https://segmentfault.com/a/1190000007012940

Vue2.0中文文档

http://cn.vuejs.org/v2/guide/

持续更新中......