Vue 了解vue, 特点, 优点

1.Vue 是什么

2.Vue作者以及发展历程

3.Vue的特点

1.采用组件化模式，提高代码复用率，切让代码更好维护

通常一个应用会以一棵嵌套的组件树的形式来组织：

每一个组间都是由Html，Css，Js组成

2.声明式编码，让编程人员无需直接操作DOM，提高开发效率

区别如下

3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点（借鉴React框架的虚拟DOM）

原生Js实现数据的渲染，当数据发生变化时，如图增加了一个，需要把之前的整个数据替换掉
，或者自己去遍历比较，需要增加那个，当数据量较大时效率低

使用虚拟DOM实现，当数据变化时，先和原来的进行比对，然后在做相应的变化。

4.Vue简单使用

• 引入vue.js 生产环境引入vue.min.js(体积小,但是面前良心的报错提示)
• 浏览器安装Vue Devtools 插件,方便调试,vsCode建议安装 Live Server 插件(可虚拟在服务器运行,方便调试,解决跨域)

Vue对象的一些细节

• 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；
• root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；
• root容器里的代码被称为【Vue模板】；
• Vue实例和容器是一一对应的；
• 真实开发中只有一个Vue实例，并且会配合着组件一起使用；
• {{xxx}}中的xxx要写js表达式(一个表达式会产生一个值，可以放在任何一个需要值的地方)，且xxx可以自动读取到data中的所有属性；
• 一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；

5.理解Vue的MVVM实现

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：
虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。

M: 模型(Model) ：data中的数据
V: 视图(View) ：模板代码（不是静态页面） （两个语法：指令，大括号表达式）
VM: viewModel: 视图模型（Vue的实例）

• Dom Listeners （Dom 监听）
• Data Bindings （数据绑定）
• data中所有的属性，最后都出现在了vm身上。
• vm身上所有的属性 及 Vue原型上所有属性，在Vue模板中都可以直接使