Vue 3学习笔记 (不用关注,说不定啥时候更新)

2022年7月2日16:14:48 

vue script setup 语法糖

1. 可以直接import 导入组件 不需要额外注册

2. 可以直接定义变量在模板中使用

3. 从vue 中导入 ref 方法 来定义响应式的变量 var a = ref('123')

4 可以直接 count props = defineProps({})  定义 props 

5 count emit = defineEmits(['event Name']) 定义事件名称 , 使用 emit('event Name',data) 触发事件

6 let clickEvent = function(){} 定义事件回调方法

7 使用 双向绑定数据.value = xxxx  在代码中改变变量的值

8 在子组件中 使用defineExpose({ xx,xxx }) 方式导出组件中的数据

9 在父组件中  使用 getCurrentInstance() 方法获取当前组件示例 并且可以使用 当前组件实例的refs属性  来拿到子组件 和子组件导出的数据