在已有规则的基础上,统一了团队使用的Vue组件代码规范。代码风格所有项目升级为使用Vue官方风格指南中的【优先级C:推荐】,确保团队代码风格一致。变化点:组件选项的顺序是强制性的,不能随意调整。v-html的报错目前已经关闭。大多数新规则都是警告,不会影响构建。一些需要注意的Vue组件设计props设计props除非必要,最好使用required而不是default。道具的设计要遵循部件的设计。如果一个参数必须是外部require,那么它就是required,在使用default之前允许默认值。目前需要一些原创设计,使用默认,可能会导致在线环境找不到问题。而且使用required,还可以借助Vue来检查参数,而不是自己手动检查。使用较少watch的状态在不同情况下可能会有不同的变化。使用watch可能会导致业务逻辑混乱,尤其是在使用多个watch的情况下。事实上,在大多数情况下,使用computed/method比watch更好。从代码阅读来看,watch不如method/computed。使用后者可以很直观的看到执行顺序和逻辑。Watch应该用于逻辑之外的其他东西,例如日志记录,或者用作事件侦听器,例如监视$route更改。当然,还是要看实际情况。使用html规范的命名事件名称,模板中使用的组件和属性要遵循html规范,这也是vue推荐的方式,即实用小写+连接而不是驼峰。模板逻辑应尽可能简单易懂。不要在模板中写太多逻辑。如果有复杂的逻辑,应该写在computed/methods中。每个操作的状态都要处理好,比如异常、加载、提交等,都要处理好并符合交互习惯(操作要有反馈),减少DOM重绘和用户交互不流畅。需要养成的编码习惯,看到警告一定要改正。以下划线开头的方法或属性在js社区中被约定用来表示私有属性/方法,不应该乱用。要明白代码是写给人们阅读的,而不是简单地供机器执行的。因为js非常灵活,我们需要规范自己,写出逻辑清晰的代码。作为前端,了解交互设计是很有必要的。
