1.v-model 的原理
以input为例,vue在初始化实例的时候对html模板的时候会自动给input、textarea自动添加事件,用来监听input和textarea值的变化,监听到变化后对data数据进行更新
同样在vue初始化实例的时候会遍历每一个data数据的属性,通过defineProperty来监听data数据的set和get,一旦属性重新赋值则对html界面进行更新
其核心就是,一方面modal层通过defineProperty来劫持每个属性,一旦监听到变化通过相关的页面元素更新。另一方面通过编译模板文件,为控件的v-model绑定input事件,从而页面输入能实时更新相关data属性值。
2.0 到 1 掌握:Vue 核心之数据双向绑定
(1)视图驱动数据变化
(2)数据驱动视图变化
3.深入剖析:Vue核心之虚拟DOM
4.Vue 项目性能优化
5.Vue SSR
6.vue路由的常用模式:hash、history、abstract