vue3及语法

一、vue2选项式api和vue3组合式api的区别：

 

 二、create-vue搭建vue3项目

create-vue是官方新的脚手架工具，底层换到了vite

创建项目

 

三、项目目录和关键文件

 

四、setup

两种形式：setup(){}、setup语法糖

 

 

 

五、响应式：reactive和ref函数

 

 

六、组合式api   computed：计算属性

 

 

七、watch侦听函数

 

 

 

 

 

 

八、生命周期函数api

 

 

 

 九、父子通信

父传子：父组件中给子组件绑定属性，子组件接收数据：使用props和defineProps

 子传父：父组件绑定自定义事件，子组件使用defineEmits编译生成emit方法，通过emit方法触发自定义事件并传递参数。

 

 十、模板引用

 

 十一、跨层组件通信  provide和inject

什么是跨层组件通信 

 

顶层组件使用provide提供数据，底层组件使用inject获取数据

 跨层传递响应式数据

流程图

 

 总结：

 

十二、defineOptions：定义自定义属性

 十三、defineModel