一、注意事项1、开发尽量使用ES2015，遵循CommonJS规范2、切勿直接操作DOM，要操作数据3、尽量使用Vue的语法糖，比如可以用:style代替v-bind:style；用@click代替v-on:click二、规范1、命名组件名称(含路由组件)使用“-”分割，如person-new-com，不推荐驼峰2、事件事件名称使用“-”分割，且前缀为该组件的名称，例如当前组件为open-layer.vue，则事件名称为 open-layer-close3、数据1、不要将html的attribute和vue的model混用 Paste_Image.png 2、class和style使用new Vue({ el: 'body', data: { list: [ { name: '《HTML权威指南》', is_read: 0 }, { name: '《深入浅出NodeJS》', is_read: 1 }, ] } })

4、在组件中使用第三方插件 组件的初始化代码 要创建一个echarts实例，应该在ready里面完成，但代码较多且需要拆分，可在methods里定义：
5、资源的高度可复用为了使组件，自定义指令，自定义过滤器复用，要将可复用的内容单独拆离，将组件放置在components目录内，将自定义指令放置在 directives 目录内，将自定义过滤器放置在 filters 目录内 Paste_Image.png 6、css的使用将业务型的css单独写一个文件， Paste_Image.png 功能型的css，最好和组件一起，不推荐拆离，比如一个通用的confirm确认框。