vue原理相关笔记

vue高级使用及原理相关笔记

1. keep-alive：

页面需要进行数据刷新时，可以写在activated生命周期里或者beforeRouteEnter的next方法里。

记录错乱问题：当路由页面参数写在params里时，不会发生错乱，参数写在query里时，会发生错乱。

2. 组件化以及MVVM模型

组件化：数据+视图=组件，画面上每一个部分都可以称之为组件，一个或多个基础HTML元素组成。

MVVM：model（数据），view（视图），view Model（数据驱动视图的连接）

3. 双向数据绑定v-model的实现原理

input元素的value=this.name，这样执行render函数渲染页面之后input显示的值就是this.name的值，input元素的input事件处理函数为this.name = $event.target.value，这样页面上输入的值就赋给了this.name；当this.name更新时触发re-render重新执行渲染页面。

4. vue响应式，双向绑定原理

将data里的属性通过Object.defineProperty方法进行定义，在set方法里去通知订阅器Dep进行更新各Wa