Vue.js文件默认由template
、style
、script
三种标签将HTML、CSS、JS混合到一个文件当中。
1.将逻辑通过组件方式抽离再引入
2.将css通过@import方式抽离再引入
3.将css/js/html全部抽离,只保留模块主入口文件再引入
前面1,2种都不能很好解决模块划分,内聚模块分治问题,本文讨论的是第3种解决方案,最终效果如下:
二、解决方案
针对这个问题,有人提出过相关的ISSUE,
Vue.js文件默认由template
、style
、script
三种标签将HTML、CSS、JS混合到一个文件当中。
1.将逻辑通过组件方式抽离再引入
2.将css通过@import方式抽离再引入
3.将css/js/html全部抽离,只保留模块主入口文件再引入
前面1,2种都不能很好解决模块划分,内聚模块分治问题,本文讨论的是第3种解决方案,最终效果如下:
针对这个问题,有人提出过相关的ISSUE,