Vue 3學(xué)習(xí)筆記 (不用關(guān)注,說不定啥時(shí)候更新)
2022-07-02 16:27 作者:熱心的裴同學(xué) | 我要投稿

2022年7月2日16:14:48?

vue script setup 語(yǔ)法糖
1. 可以直接import 導(dǎo)入組件 不需要額外注冊(cè)
2. 可以直接定義變量在模板中使用
3. 從vue 中導(dǎo)入 ref 方法 來定義響應(yīng)式的變量 var a = ref('123')
4 可以直接 count props = defineProps({})? 定義 props?
5 count emit = defineEmits(['event Name']) 定義事件名稱 , 使用 emit('event Name',data) 觸發(fā)事件
6 let clickEvent = function(){} 定義事件回調(diào)方法
7 使用 雙向綁定數(shù)據(jù).value = xxxx? 在代碼中改變變量的值
8 在子組件中 使用defineExpose({ xx,xxx }) 方式導(dǎo)出組件中的數(shù)據(jù)
9 在父組件中? 使用 getCurrentInstance() 方法獲取當(dāng)前組件示例 并且可以使用 當(dāng)前組件實(shí)例的refs屬性? 來拿到子組件 和子組件導(dǎo)出的數(shù)據(jù)

標(biāo)簽: