首页  思维导图  详情



 



6. vue3预习

2020-04-16 11:12:54   0  举报





AI智能生成

proxy

前端开发

学习笔记

模板推荐

作者其他创作

大纲/内容

第6章 Vue3预学习

6-1 vue3要来了vue2就过时了吗

Vue 3升级内容

1. 全部使用ts重写（响应式、vdom、模板编译等） 2. 性能提升，代码量减少 3. 会调整部分API

Vue 2.x马上就要过时了吗？

1. Vue 3从正式发布到推广开来，还需要一段时间 2. Vue  2.x应用范围非常广，有大量项目需要维护、升级 3. Proxy存在浏览器兼容性问题，且不能polyfill

热门知识点

Proxy重写响应式

Object.defineProperty的缺点

1. 深度监听需要一次性递归 2. 无法监听新增属性/删除属性（Vue.set Vue.delete） 3. 无法原生监听数组，需要特殊处理

基本应用

6-2 Proxy 基本使用-part1

proxy-demo.js

6-3 Proxy 基本使用-part2

Reflect作用

1. 和Proxy能力一一对应 2. 规范化、标准化、函数式 3. 替代掉Object的工具函数

通过对比体会Reflect的作用

代替Object工具函数

规范化标准化

6-4 vue3用Proxy实现响应式

proxy-observe.js

proxyConf

对比

proxy-observe.js ，在proxyConf的get触发时，才深度递归

observe.js defineReactive observer(value)  一次性递归完成

总结

Prxoy实现响应式 1. 深度监听，性能更好 2. 可监听新增/删除属性 3. 可监听数组变化

Proxy能规避Object.defineProperty的问题 Proxy无法兼容所有浏览器，无法polyfill

 Collect

Get Started

Vue3流程执行图

 Collect

Get Started

尚硅谷-Vue3

 Collect

Get Started

3-6月

 Collect

Get Started

3-6





0 条评论

下一页