type
status
date
slug
summary
tags
category
icon
password
来源
vue3新特性（vue2和vue3的区别）
使用proxy代替defineProperty实现数据响应式
重写虚拟DOM的实现和Tree-Shaking
编译器的优化
销毁和卸载的改进
组合式API代替了选项式API
将原始对象转换成响应式对象
reactive
将引用类型转换成响应式对象
将对象内部所有嵌套属性都转换为响应式的属性
局限性
不支持基本数据类型
性能开销大
浏览器限制
ref
转换成响应式对象
在JS中操作需要加.value
vue2与vue3的响应式
vue2响应式的问题
对象直接新添加的属性或删除已有属性，界面不会自动更新
直接通过下标替换元素或者更新length，界面不会自动更新
解决：强制页面刷新
this.$forceUpdate();
下次界面渲染
nextTick(()=>{})
计算属性和监听属性
计算属性
computed(()⇒{
})
computed({
get(){},
set(){}
})
监听属性
watch([监听数据1,监听数据2,()⇒监听数据3(reactive声明的数据)],()⇒{
},{deep:true,immediate:true})
watchEffect(()⇒{
监听所有的响应式数据，立即监听
})
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_vue3_01
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。