Vue实践与总结——核心概念

什么是Vue？

是一套用于构建用户界面的渐进式框架。

vue核心

• 基于渐进式框架，vue有两大核心：模板，组件
  渐进式：自下而上的增量式的开发方式。
  渐进式图解

模板

• 声明式渲染（模板引擎的另一种表达，即声明式的模板渲染），
  • vue核心：运行在前端的模板引擎，模板--生成-->vdom--交给-->浏览器解析

组件

组件

• 提高复用性的一种方式，提取、规划、管理具有独立功能的内容

组件化

两大重要组件：根组件，可复用组件

应用与抽象的组件树

• 根组件

  • 一个应用当中有且仅有一个根组件

• 可复用组件

  • 最终都要挂载于根组件，组成完整的应用

组件视图模板

多视图多页面管理（vue-router）

• 项目较大时，需要增加路由，来维护多（组件）界面。
• 是开发、维护复杂应用的前提。
  • 前端通过访问不同的路由地址，切换不同的组件，展示给用户，可以说，一个页面是一个组件。

全局状态（即数据）管理（vuex）

• 项目较大时，使用vuex，专门管理数据，降低数据维护的复杂度。

提高开发效率的工具（webpack等）

• 增加开发效率，统一管理模板、组件、模块化、打包、构建、发布、语法转换等的工具