setup 语法糖
补充 defineModel – 父子 组件 同时 可以 双向绑定 v-model 同一个数据源
父组件 v-model传值给 子组件 子组件 Props(modelValue)接收 子组件 值变化 emit(“@update:modelValue”,newValue)
定义父级组件
<template>
<Comp v-model="msg" />
</template>
<script setup>
import { ref } from 'vue'
import Comp from "./Comp.vue"
const msg =ref(true)
</script>
定义子组件 – 将原来的defineProps改为defineModel
<template>
<input type="checkbox" checked=true v-model="msg" />
</template>
<script setup>
import { ref,defineModel } from 'vue'
const msg=defineModel()
</script>