Vue3:ref(‘ ‘)、ref(null)与ref()

今天在分析项目源码的时候偶然发现之前的程序员在通过ref获取子组件的方法的时候,总是喜欢用ref(null),什么意思呢

就是我引用了一个组件,并且想要使用组件内的value,那么常规操作就是import 组件名 from '组件的路径',然后再在<template>模板中加上组件的标签,即<组件 />

如果我们想要拿到组件内的值,一般就是通过ref去拿<组件 ref='components'>,然后在js中定义ref,即const components = ref(),我就发现之前的程序员喜欢用const components = ref(null)其实这两个没什么区别,都是一样的

定义ref
定义完之后就可以使用组件内的value即component.value

ref('')又是什么东东呢,其实是v-model绑定的值为空,举个elementplus的输入框的例子就知道了
输入值

猜你喜欢

转载自blog.csdn.net/weixin_44001222/article/details/128195669
ref