首页 ›存档› 技术 › 查看内容

Vue Webpack使用规范写在前面注意要点规范数据在组件中使用第三方插件资源的高 ...

2018-3-30 13:00 |来自: 互联网 318 0

摘要: 写在前面本文为系列文章，总共分四节，建议按顺序阅读：《Vue Webpack使用规范》《Vue Webpack开发可复用的单页面富应用教程（配置篇）》《Vue Webpack开发可复用的单页面富应用教程（组件篇）》《Vue Webpack ...

写在前面

本文为系列文章，总共分四节，建议按顺序阅读：

刚开始使用Vue比较容易进入的一个误区，Vue是以数据驱动的，所以只用关系数据的变化即可，不是万不得已，千万不要主动操作DOM；
不要在JS里绑定跟业务相关的事件，业务事件及逻辑，应该在HTML上绑定。在JS里绑定事件应该用于使用了第三方的插件等场景，如果主动绑定了事件，记得在相关生命周期接触绑定以及销毁相关实例，比如在组件内创建了一个百度echarts，并加了一个定时器来更新数据，在组件销毁时，应该销毁这个echarts实例，并将定时器clear；

命名。组件名称（包括路由组件）使用"-"来分割，比如persons-new-poi.vue，不推荐使用驼峰，详见http://cn.vuejs.org/guide/components.html#资源命名约定
事件。在派发和广播事件时，事件的名称也使用"-"来分割，而且前缀为该组件的名称，不能使用驼峰，例如当前组件为open-layer.vue，则事件名称为open-layer-close