Vue复习01-vue的基本概念

一.概念

 Vue 是一套用于构建用户界面的渐进式框架，何为渐进式框架？

即假设你的代码使用JQuery构建，这时候公司需要更新项目使用Vue，你可以将Vue一步步的嵌入JQuery中改变其中的内容渐渐的实现重构

什么是MVVM？

MVVM：页面输入改变数据，数据改变影响页面数据展示与渲染

M（model）：普通的javascript数据对象

V（view）：前端展示页面

VM（ViewModel）：用于双向绑定数据与页面即M和V中的中间件，Vue里面的VM一般就是Vue实例

什么是组件?

一个页面的一个div可以理解为一个组件，div的的元素可能也是一个组件，组件主要区别于div的地方在于组件可以用于复用，并且组件可以构成自己的系统树

什么是响应式？

响应式指当对Vue中的data数据进行改变时，页面显示的相关数据也会对应改变，这是响应式的一种，即改变Vue实例数据就能改变页面数据，还有一种是双向绑定，改变页面或者实例数据时，另外一方也会对应改变

二.Vue的生命周期

1. 创建Vue实例首先执行Init方法，在Init方法里有两个回调函数，beforeCreate（）和created（）
2. 在Vue实例Init完后，查看实例中是否有 el，没有的话创建el属性
3. 查看Vue实例中有无template属性，如果有的话，将其编进render函数中，如果没有的话则通过属性el的到外界html的dom将其作为template属性
4. 在上面的步骤执行完后，Vue内部会创建一个虚拟dom vm.$el 用于替代el，下一步进行挂载，此时会执行一个回调函数beforeMount()
5. 当Vue挂载好后进入Mounted状态，每当数据改变前回调函数beforeUpdate(),数据改变后回调函数updated()
6. 当Vue实例将要被销毁时会执行回调函数beforedDestory(),此时实例依然可用,此后执行**destory()**函数

钩子函数的触发时间
beforeCreate

在实例初始化之后

created

实例已经创建完成之后被调用。

beforeMount

在挂载开始之前被调用：相关的 render 函数首次被调用。

mounted

el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。

beforeUpdate

数据更新时调用。

updated

由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。。该钩子在服务器端渲染期间不被调用。

beforeDestroy

实例销毁之前调用。在这一步，实例仍然完全可用。

destroyed

Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 该钩子在服务器端渲染期间不被调用。