掌握vue3.2设置语法糖

前言提示：语法糖只能从Vue3.2开始使用！在Vue3.0中，变量必须返回后才能在模板中使用；而在Vue3.2中，只需要在script标签中添加setup属性，模板就可以直接使用，不需要return，非常的爽！提示：以下为本文正文内容。以下案例供参考。1.setup语法糖的使用方法将setup代码写在script标签上如下（示例）：二、数据data的使用由于setup不需要写return，所以直接声明data即可。代码如下（示例）：3.方法代码如下（示例）：4.watchEffect的使用代码如下（示例）：5.watch的使用代码如下（示例）：6计算属性的写法有两种（考虑读写的速记和全写）。代码如下（示例）：七、使用props父子值传递子组件代码如下如下（示例）：父组件代码如下（示例）：8.emitfromchildtoparent的使用子组件代码如下（示例）：父组件代码如下（示例）：9.获取子组件ref变量并defineExpose暴露，即在vue2中获取子组件refs，直接控制子组件方法和变量在父组件子组件代码如下（示例）：父组件代码如下（示例）：10.路由useRoute和useRouter的代码是如下（示例）：十一、使用store仓库代码如下（示例）：12.await支持setupawait可以直接在语法糖中使用，不用写async，setup会自动变成asyncsetup代码如下（例子）：十三、提供并注入父组件的父组件代码如下（示例）：子组件代码如下（示例）：import{inject}from'vue'constprovideState=inject('provideState')provideState.changeName()