VUE的核心思想

0. vue是什么？

---

Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，（视图框架）
Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。

0.1 什么是框架：

框架（Framework）是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法;另一种定义认为，框架是可被应用开发者定制的应用骨架。
简单说：就是某种应用的半成品，就是一组组件，供你选用完成你自己的系统。简单说就是使用别人搭好的舞台，你来做表演。而且，框架一般是成熟的，不断升级的软件。

0.2 什么是渐进式：

知乎代表解释：
渐进式代表的含义是：主张最少
每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。
使用vue，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；
还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念。

1.vue的核心思想

---

核心思想是：数据驱动、组件系统。

1.1 数据驱动

• Vue是MVVM框架，而DOM是数据的一种自然映射。

• 传统的模式如下： Ajax请求从model请求数据 --> 手动触发DOM并传入数据从而修改页面。
  

• 在Vue中，Directives对view进行了封装，当model中的数据发生变化时，Vue就会通过Directives指令去修改DOM，同时也通过DOM Listener实现对视图view的监听，当DOM改变时，就会被监听到，实现model的改变，从而实现数据的双向绑定。

1.2 组件化

组件化就是实现了扩展HTML元素，封装可用的代码。

• 页面上每个独立的可视/可交互区域视为一个组件。

• 每个组件对应一个工程目录，组件所需的各种资源在这个目录下就近维护。

• 页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面。

  Vue组件中常见的三种传值方式：父传子、子传父、非父子传值。