Vue 3 之什么是解包

创始人

2025-05-31 20:47:49

0次

Vue 3 之什么是解包

前言
结合代码分析
总结

前言

从 Vue2 升到 Vue3 之后,用法上有了很大很大的变化
Vue3可以通过 ref 来声明一些响应式数据,可以是 any 类型的响应式数据 ,在 script 标签中访问和修改这个属性需要用 变量名.value

Vue3 3.1 在 template 模板中使用定义的数据也是需要 变量名.value 的
Vue3 3.2 + 在 template 模板中使用定义的数据是不需要 .value 的,ref 在模板中使用的时候会自动解包

Vue 3.2+ 在模板中可以直接通过变量名进行数据展示就是自动解包

结合代码分析

在这里插入图片描述

总结

在模板中访问 ref 类型的属性,直接访问,无需 .value
模板中访问 ref 类型的属性 .value 是没有数据的
模板中访问 reactive 类型的对象的属性 .value 是没有数据的

在 js 当中对于 ref 类型的属性的访问和赋值都需要通过 .value 来进行
在 js 当中对于 ractive 类型的对象的属性是直接访问的,可以直接 对象.属性名,不用 .value

以上就是我自己对于解包的理解啦,如果有不正确的地方,欢迎各位指正交流吖 ~ !
晚安 ~

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：web前端-微信小程序开发学习

下一篇：第35篇：Java代码规范全面总结

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...

Windows10添加群晖磁盘... 在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。通过...

protocol buffer... 目录目录什么是protocol buffer 1.protobuf 1.1安装 1.2使用...

educoder数据结构与算法... ...

MySQL下载和安装（Wind... 前言：刚换了一台电脑，里面所有东西都需要重新配置，习惯了所...

MFC文件操作 MFC提供了一个文件操作的基类CFile，这个类提供了一个没有缓存的二进制格式的磁盘...

在Word、WPS中插入AxM... 引言我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...

有效的括号一、题目给定一个只包括 '('，')'，'{'，'}'...

Fluent中创建监测点 1 概述某些仿真问题，需要创建监测点，用于获取空间定点的数据࿰...

【Ctfer训练计划】——(三... 作者名：Demo不是emo 主页面链接：主页传送门创作初心ÿ...