vue设计原则

456 阅读1分钟

1. 渐进式JS框架 

image.png

Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层

  1. declarative rendering 声明式模板与渲染 (使用template声明式模板语法和基于配置的组件编写代码即可,框架会动态生成视图)
  2. component System 组件系统 (引入全局或局部组件)
  3. Client-Side/routing路由 (引入vue-router路由)
  4. large Scale /state 状态管理 (引入vuex 状态管理)
  5. build System (引入vue-cli工程化)

不仅易于上手,还便于与第三方库或既有项目整合。 当与现代化的工具(vue-cli,单文件组件) 以及各种支持类库(vue-router,vuex)结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

2. 易用性

  • vue提供数据响应式、声明式模板语法和基于配置的组件系统等核心特性。
  • 这些使我们只需要关注应用的核心业务即可,只要会写js、html和css就能轻松编写vue应用。

3. 灵活性

  • 由于是渐进式框架,所以我们可以由浅入深的开发不同大小类型的项目。
  • 如果是小应用,我们只需要使用vue核心特性即可完成功能。
  • 应用的不断扩大,我们能逐渐引入路由、状态管理、vue-cli等库和工具。
  • 不管是应用体积还是习难度都是一个逐渐增加的平稳曲线。

4. 高效性

  • 在vue2中引入的虚拟dom和diff算法,使得页面渲染性能表现更好。
  • 在vue3中还引入proxy对数据的响应式改进,编译器对静态内容编译的优化,都让性能更好更高效。