vue3基础夯实【2组件、传值、插槽】

67 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天,点击查看活动详情


v-model传值

父传子可以改

	父:
		<List v-model:num='num'></List>
		<script setup>
		import List from '../components/List.vue'
		let num = ref(1);
		</script>
	子:
		const props = defineProps({
			num:{
				type:Number,
				default:100
			}
		})
		const emit = defineEmits(['update:num'])
		const btn = ()=>{
			emit('update:num',200);
		}