vue3中的ref为什么要用.value取值？为什么返回一个对象？

这篇文章将从vue3源码进行分析当我们写下let msg = ref(‘ljp’)这个代码时，vue3将如何执行首先找到vue3中三大模块中的reactivity模块，在这个文件夹下的src文件夹下的ref.ts文件下，如图然后调用如图下的ref函数（这个ref是个重载函数）其他解释如图createRef解释如下RefImpl解释如下：toReactive(这个函数和ref文件在同个目录下)的解释

weixin_46182770

6379人浏览 · 2022-04-30 00:04:12

weixin_46182770 · 2022-04-30 00:04:12 发布

这篇文章将从vue3源码进行分析
当我们写下let msg = ref(‘ljp’)这个代码时，vue3将如何执行
首先找到vue3中三大模块中的reactivity模块，在这个文件夹下的src文件夹下的ref.ts文件下，如图
在这里插入图片描述
然后调用如图下的ref函数（这个ref是个重载函数）其他解释如图
createRef解释如下

RefImpl解释如下：

toReactive(这个函数和ref文件在同个目录下)的解释如下

在这里插入图片描述
到这里就结束了
源码中最后是以get set函数对value进行获取以及修改的，如图

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^