reactive
- 用来定义复杂数据类型的响应式数据【对象或者数组】
- 使用的是vue3中的proxy代理,并且通过Reflect操作源对象内部的数据
- reactive都不需要.value访问
ref
- 用来定义基本数据类型
- 但是也可以定义对象或者数组的数据类型，内部会通过reactive转化为proxy代理对象
- ref通过object.defineProperty()的get和set实现数据的代理
- ref操作数据需要.value访问，但是template中不需要使用.value
vue3中reactive和ref区别
2023-08-20
64
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue3中reactive和ref区别
相关文章
|
3天前
|
缓存
JavaScript
前端开发
|
3天前
|
JavaScript
前端开发
API
|
3天前
|
JavaScript
开发者
![[vue2/vue3] -- 深入剖析v-model的原理、父子组件双向绑定的多种写法](https://ucc.alicdn.com/pic/developer-ecology/iwb4s2erfjeee_d14da44e4e4d4f2ab6c458dc8c34c9f5.png?x-oss-process=image/resize,h_160,m_lfit)
|
3天前
|
JavaScript
API
|
10天前
|
JavaScript
API
Vue3 基础语法
该内容介绍了Vue项目的创建和Vue3的语法、响应式API、生命周期、组件通信及跨组件通信方法。包括使用`npm init vue@latest`创建项目，`npm install`初始化，Vue3的`setup`语法，`reactive`、`ref`、`computed`和`watch`的用法，生命周期图解，以及父子组件间的数据传递。此外，还提到了Vue3中使用`provide`和`inject`进行跨层数据传递，以及通过Pinia库进行状态管理。
36
0
0
|
JSON
前端开发
API
|
4天前
|
JavaScript
前端开发
安全
|
3天前
|
JavaScript
程序员
网络架构
|
3天前
|
资源调度
JavaScript
UED
|
3天前
|
JavaScript
热门文章
最新文章
1
Vue+Django+MySQL搭建指南（个人全栈快速开发）
2
vue项目实战 — — 那些自己给自己挖的深坑
3
vue jsx 使用指南
4
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
5
Vue2+VueRouter2+webpack 构建项目
6
使用 Vue 2.0 实现服务端渲染的 HackerNews
7
Vue中 使用 v-for 时动态绑定 ref
8
VUE3（二十一）vue-router 在新窗口打开页面的功能
9
vue 路由demo
10
vue router 4 源码篇：路由诞生——createRouter原理探索
1
在vue中，在哪个生命周期内调用异步请求？
52
2
在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
22
3
在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
49
4
在vue中，computed 和 watch 的区别和运用的场景？
18
5
在vue中，怎样理解 Vue 的单向数据流？
30
6
在vue中，Class 与 Style 如何动态绑定？
18
7
在vue中，v-show 与 v-if 有什么区别？
26
8
在vue中，如何实现SPA单页面应用的路由管理？
28
9
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
48
10
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
94