Vue简介

vue是一套用于构建用户界面的渐进式框架，vue的核心库只关注于视图层，也可以结合工具链和各个支持类库使用，提供一套SPA的解决方案。

渐进式如何理解？

Vue的核心库只关注于视图，但这不是说Vue就不能成为一个框架。如下图所示，是尤雨溪在一次会议上阐述渐进式所用到的图示，Vue在声明式渲染（视图模板引擎）的基础上，我们可以添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。这些功能相互独立，你可以在核心功能的基础上任意选用其他的部件，不一定要全部整合在一起。所以，“渐进式”其实就是可以根据你的需求逐步的使用一部分或全部的Vue体系。

image

Vue基础用法盘点

1.声明式渲染---模版中插入动态数据，如{{ message }}

2.v-bind:(简写为:)---绑定某元素的属性值

3.v-on:(简写为@)---绑定事件

4.v-model---用于表单元素的数据双向绑定

5.v-if /v-show ---用于显示和隐藏，v-if不渲染，v-show渲染了不展示出来，可以用于频繁切换的场景

6.v-for ---循环遍历展示数组和对象

7.计算属性：

1）使用：为了避免在模版中使用复杂的逻辑，可在computed中定义一个函数，return出计算结果；
2）计算属性vs方法：计算属性基于依赖缓存，依赖不变就不会重新计算，而方法写入模版中每次渲染都需要重新执行一遍。
3）计算属性的setter：计算属性默认只有getter，需要时可以给他添加一个setter；

8.侦听器---监听某个属性变化，并做一些操作，写在watch中，函数名对应为需要监听的属性名，接收两个参数分别为变化后的新值和变化前的旧值；

Vue响应式原理

请查看博客：《Vue响应式原理简析》https://www.jianshu.com/p/c9d042bfd55a

Vue组件化

请查看博客：《Vue组件化》https://www.jianshu.com/p/2b385b805543

Vue生命周期钩子