vue项目前端架构设计

为更好地实施我们的业务需求，需要一些规则或思考来帮助我们设计架构我们的前端工程,本文将以Vue项目为例，讨论如何设计与实施我们的项目架构，来满足版本的迭代、更新.

组件

组件：一个个的可复用单元，单页面程序的组件跟传统的UI组件稍有不同，不仅仅包含了样式，也包含了容器元素。可以泛化组件，抽取出一些参数，根据参数来渲染为不同的视图。

---

全局组件

一次注册，遍地使用，方便。适用于高频使用的组件，会增加性能开销。

局部组件

使用一次注册一次，适用于低频使用的组件，节省性能。

代码结构

• components
  • global
  • local
• 注册全局组件更好的写法

const globalCompoes = require.context(
  // 其组件目录的相对路径
  './components/global',
  // 是否查询其子目录
  false,
  // 匹配基础组件文件名的正则表达式
  /[a-zA-Z]+\-[a-zA-</