您的位置:首页 > 产品设计 > UI/UE

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

2016-11-08 17:59 519 查看
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/

持续更新中......
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: