一、背景及简介
(一)、Vue处理数据的流程。
1.数据拦截(只要是操作的数据,都会被拦截)
2.观察者模式(观察数据的变化)
3.数据解析(将{ { }}和指令解析成js对象,通过diff算法将js对象转换成dom对象,最后将dom对象展示在页面上,这就是用户看见的内容)
(二)、Vue采用什么进行数据拦截?
Vue 2.X 采用ES5的Object.defineProperty()
Vue 3.X 采用ES6新增的Proxy类
1.数据拦截(只要是操作的数据,都会被拦截)
2.观察者模式(观察数据的变化)
3.数据解析(将{ { }}和指令解析成js对象,通过diff算法将js对象转换成dom对象,最后将dom对象展示在页面上,这就是用户看见的内容)
Vue 2.X 采用ES5的Object.defineProperty()
Vue 3.X 采用ES6新增的Proxy类