<script setup> | |
defineOptions({ | |
name: 'ComponentName', | |
inheritAttrs: false, | |
// 其他选项... | |
}) | |
</script> | |
<template> | |
<div>Com Component</div> | |
</template> |
// CustomInput.vue | |
<script setup lang="ts"> | |
import { defineModel } from 'vue' | |
const inputVal = defineModel() | |
</script> | |
<template> | |
<div class="custom-input"> | |
<input v-model="inputVal" type="text" /> | |
</div> | |
</template> | |
// 父组件 | |
<script lang="ts" setup> | |
import { ref } from 'vue' | |
import CustomInput from './CustomInput.vue' | |
const inputValue = ref('hello defineModel') | |
</script> | |
<template> | |
<div> | |
<CustomInput v-model="inputValue" /> | |
<p>Input value: {{ inputValue }}</p> | |
</div> | |
</template> |
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) | Powered by Discuz! X3.4 |