|
Vue官方：Vue是一个渐进式的JavaScript框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型。它有两个核心功能：数据驱动、组件化?。
渐进式
渐进式的含义是：主张最少，没有多做职责之外的事；每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。(来自知乎)
我的理解：给了开发者尽可能多的使用选择。
????????它即提供个模板，用于快速开发，又开放的底层的渲染函数，用于复杂的场景。它的每个组件相互是独立的，使得模板和函数式可以共存在一个项目之中。
????????它的模块都是相互独立的，我们可以只使用框架中的某一个模块，甚至我们也可以对某些模块进行扩充，已达到自己的需求。
声明式
从范式来看，视图层的框架一般分为两种：命令式和声明式。
? ? ? ? 命令式的框架的代表是：Jquery。它的一个特点是：关注过程。
// 代码本身描述的是“做事的过程”。
// 获取div，这是文本内容，绑定点击事件。
$("#app").text("hello world").on("click", () => console.log("点击了"))
? ? ? ? 声明式框架的代表是：Vue(模板)。它的特点是：关注结果。
// 这是一个要实现的html模板，至于如何实现结果，我们不关心
<div @click="() => console.log("点击了")">hello world</div>
// 由此可见，vue内部实现一定是命令式的，他帮助我们封装过程，我们来提供结果。
数据驱动
响应式：一般指的获取数据时收集依赖，在设置数据时触发依赖。
数据驱动视图，当我们修改数据后，视图也会随之响应更新。在这个过程中，为了更好的性能，vue引入了vnode。又因为vnode是以 JavaScript 对象为基础而不依赖真实平台环境，所以使vue具有了跨平台的能力，比如说浏览器平台、Weex、Node 等。
双向数据绑定：一般指v-model指令的实现。
它提供了MVVM风格的双向数据绑定。它让开发者省去了操作dom的过程，只需要改变数据即可。vue会通过指令对dom做一层封装，当数据发生变化时去通知指令修改对应的dom，数据驱动dom的变化，dom是数据的一种自然映射。
组件化
组件是一个可复用的vue实例。它可以增强代码的复用性、可维护性和可测试性。
组件的本质是产生一个vnode，它可以降低更新范围，只重渲染发生变化的组件。
|