VUE 基础，初始VUE

1、初识VUE（官网：https://cn.vuejs.org/）

官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端渐进式框架。与其他大型框架不同的是，vue被设计为自底向上逐层应用。

vue的核心库只关注视图层，不仅易上手，还便于和第三方库或者已有项目整合。另一方面当于现代化工具链以及各种支持类库结合使用时，也能够完全为复杂的单页面应用提供驱动。

2、VUE的特点

易用：基础只需HTML、CSS、JAvaScript

灵活：可以只在一个库和一套完整框架之间伸缩自如（渐进式）

高效：运行大小20kb，超快的虚拟DOM

（1024字节=1kb/1024kb=1mb/1024mb=1jb/1024jb=1t）

总结：虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放dom操作，但具体操作的还是dom不过是换了另一种方式；

回流和重绘是浏览器渲染页面时的两个术语：

重绘（Repaint）：当页面的一部分元素的视觉效果改变，但不涉及布局和大小的改变，比如颜色或背景色的改变，这时浏览器会将新的视觉效果绘制在屏幕上，这个过程不涉及DOM树的构建或节点的移动，只是对已有的绘制进行更新。

回流（Reflow）：当DOM的变化影响了元素的几何属性（比如边框、尺寸等），浏览器需要重新计算元素的几何属性，并且对其子元素进行重新布局，这个过程可能会导致回流，也可能不会，这取决于具体的变化。

回流必定会引起重绘，因为回流要计算新的布局，而新的布局就可能导致元素的外观发生变化。

3、vue底层原理—MVVM

MVVM：model、view、ViewModel。MVVM架构一样是M、V分离，但中间是以VM（ViewModel）来串接，这个VM就像View 的一个代理程序，它负责直接对Model做沟通。而View可以通过一些机制例如双向数据绑定来和VM沟通以获取资料，再抛给model做存储工作。 mvvm模式和mvc模型最大区别就是，模型中数据一旦发生变化，会自动影响试图，不需要控制器协调。

4、创建vue实例

VUE的引包、留坑、实例化、插值表达式

//引包
<script src='./vue.min.js'></script>
//留坑
<div  id='app'></div>
<script>
//new 实例化
new Vue({
  el: '#app',
  data() { return {};},
  methods: { }
});
</script>