1、父傳子屬性值

自定義圖庫組件?

在add.vue中應用tuku組件并給默認值

?

效果?

2、 子傳父，逆向賦值

add.vue和第一問中一樣

修改tuku組件，傳值給add.vue

3、多個傳遞

?

效果：

?點擊兩個修改按鈕后

4、使用defineModel簡化父子傳值

?

?其他代碼跟3 一樣，更改圖庫代碼

tuku.vue

????????

<template>圖庫：{{ a }}圖庫：{{ b }}<!-- 點擊后觸發方法修改父組件的值 --><el-button type = "primary" @click = "change">子修改img1</el-button><el-button type = "primary" @click = "change2">子修改img2</el-button>
</template><script lang="ts" setup>import { defineModel } from 'vue';const a = defineModel("tukuimg1")
const b = defineModel("tukuimg2")const change = ()=>{a.value = "這是子組件給img1"
}const change2 = ()=>{b.value = "這是子組件給img2"
}
</script>

?