如何学习vue框架？

上一篇：库和框架的概念

1.库（lib）代表：jQuery

注意：库中有一系列函数。我们想实现一个函数并调用库中的一些方法

特点：库是一个辅助功能，即开发者说了算

2.框架代表：vue

注意：框架中有一个完整的解决方案它指定了一组规则。要使用框架，您需要根据其规则编写代码。编写完成后，框架将在适当的时候解析代码。

特点：框架说了算

例如：v表示创建的数据

3.图书馆与框架的区别：控制权倒置（谁说了算，谁扮演主角）

图书馆：开发者说了算

框架：框架说了算

从质量角度看：框架>库（框架包含库）

1、 vue简介

1.MVC模式和MVVM模式

（1） MVC模式：后端编码控制视图

M： 模型数据

5： 视图视图

C： 控制控制器

简单的过程是：用户与View交互；控制器时间处理器被触发。控制器从模型请求数据（模型）并将其反馈给视图，视图将数据呈现给用户。

注意：真正处理业务逻辑的是模型层，而不是控制器；控制器仅注册和控制页节点事件

（2） MVVM模式

vue的模式是MVVM模式（数据双向绑定）

M： 模型数据层

5： 视图视图层

VM:ViewModel视图数据层==VM（vue的实例）

视图和模型之间没有直接连接，但它们通过ViewModel进行交互。

ViewModel通过双向数据绑定连接视图层和模型层，视图和模型之间的同步是完全自动的，无需人工干预。因此，开发人员只需要关注业务逻辑，不需要手动操作DOM，也不需要关注数据状态的同步。复杂的数据状态维护完全由MVVM管理。

数据驱动视图的思想是数据是核心（当数据改变时，视图也会改变）

① vue的数据双向绑定是通过Object实现的。defineProperty（）数据劫持

② 对象defineProperty（obj，prop，descriptor）添加/修改属性

（参数1：对象；参数2：属性（添加/设置）；参数3：属性描述符，对象形式）

对象：定义属性的对象。

属性：要定义或修改的属性的名称或符号。

描述符：要定义或修改的属性描述符。

常量对象1＝｛｝；

对象defineProperty（对象1，'property1'{

值：42，

可写：false

});

//读/写设置为（可写：false），无法更改

对象1.property1=77；

console.log（object1.property1）；

//输出：42

（3） vue的安装

//安装：

非营利组织

//导入：