今天在分析项目源码的时候偶然发现之前的程序员在通过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的输入框的例子就知道了
输入值

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐