今天在分析项目源码的时候偶然发现之前的程序员在通过ref获取子组件的方法的时候,总是喜欢用ref(null),什么意思呢
就是我引用了一个组件,并且想要使用组件内的value,那么常规操作就是import 组件名 from '组件的路径'
,然后再在<template>
模板中加上组件的标签,即<组件 />
如果我们想要拿到组件内的值,一般就是通过ref去拿<组件 ref='components'>
,然后在js中定义ref,即const components = ref()
,我就发现之前的程序员喜欢用const components = ref(null)
,其实这两个没什么区别,都是一样的
定义完之后就可以使用组件内的value即component.value
文章来源:https://www.toymoban.com/news/detail-623179.html
那ref('')
又是什么东东呢,其实是v-model绑定的值为空,举个elementplus的输入框的例子就知道了
文章来源地址https://www.toymoban.com/news/detail-623179.html
到了这里,关于Vue3:ref(‘ ‘)、ref(null)与ref()的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!