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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuexueenen/article/details/53085065

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/

持续更新中......

猜你喜欢

转载自blog.csdn.net/xuexueenen/article/details/53085065