vue 前端组件化拆分原则(个人总结,非官方)

详尽可转前端组件拆分思路及通信设计(vue2.0)-组件拆分原则-vue组件-vue组件拆分原则

一.公共功能点

例:页头,侧边栏,底部

二.可复用组件

例:购物车卡片等一样样式的地方

三.独立逻辑点

例:弹窗内部的表单,tab页,单个select的远程搜索,页面上中下多层结构拆分多个组件等
如果对性能有要求需考虑

四.代码数目过500行

一般来说不会这么多代码,可以考虑拆分

五.常量配置

建议扔独立js文件
例:echart的option部分数据,表单rules

六.全局配置类

例:常量池,混入mixin池,枚举池

你可能感兴趣的:(JS,教学贴,前端,vue.js,javascript)