引入
在写 html 内容的时候 js 的代码需要监听才能同步变量信息，使用 ref 可简化这个流程
正文
定义
<template>
<input v-model="form.account">
</template>
import { ref } from 'vue'
const form = ref({ account: '', password: '' })上面这段示例就可以实现：当修改 input 的 value 值，能直接影响到 form.account，反向同理，属于双向绑定。
单独监听
v-bind:变量名="js 变量" 读取 js 中的变量
v-bind:变量名 可简写为 :变量名
实例化组件
在组件添加 ref="变量" 可以将组件实例化，通过 变量名.函数（） 调用函数