Vue3:ref(‘ ‘)、ref(null)与ref()
今天在分析项目源码的时候偶然发现之前的程序员在通过ref获取子组件的方法的时候,总是喜欢用ref(null),什么意思呢
·
今天在分析项目源码的时候偶然发现之前的程序员在通过ref获取子组件的方法的时候,总是喜欢用ref(null),什么意思呢
就是我引用了一个组件,并且想要使用组件内的value,那么常规操作就是import 组件名 from '组件的路径'
,然后再在<template>
模板中加上组件的标签,即<组件 />
如果我们想要拿到组件内的值,一般就是通过ref去拿<组件 ref='components'>
,然后在js中定义ref,即const components = ref()
,我就发现之前的程序员喜欢用const components = ref(null)
,其实这两个没什么区别,都是一样的
定义完之后就可以使用组件内的value即component.value
那ref('')
又是什么东东呢,其实是v-model绑定的值为空,举个elementplus的输入框的例子就知道了
更多推荐
已为社区贡献9条内容
所有评论(0)