前端之vue3使用ref获取子组件数据

一.使用ref获取子组件数据

①父组件
1.在父组件中的setup内定义

let content = ref(null);

2.用ref绑定子组件(ref相当id)

<子组件ref="content" />

②子组件内

  setup() {
    
    
    // 定义数据
    let text = ref(``);
    
    // 返回
    return {
    
    
      text,
    };
  },

③父组件中使用子组件的数据

   // 用content获取子组件的ref响应式数据
    function getContent() {
    
    
      // console.log("content.value:", content.value);
      // console.log("content.value.msg:", content.value.text);
      return content.value.text;
    }

这个是个人尝试过.
使用子组件方法,还没尝试.