vue3—setup语法糖

setup

一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。

单文件组件

里面的代码会被编译成组件 setup() 函数的内容。这意味着与普通的

响应式

响应式状态需要明确使用响应式 APIs来创建。和从 setup() 函数中返回值一样，ref 值在模板中使用的时候会自动解包：

使用组件

将MyComponent 看做被一个变量所引用。如果你使用过 JSX，在这里的使用它的心智模型是一样的。其 kebab-case 格式的 同样能在模板中使用。不过，我们强烈建议使用 PascalCase 格式以保持一致性。同时也有助于区分原生的自定义元素。

• 动态组件

由于组件被引用为变量而不是作为字符串键来注册的，在

• 命名空间组件

可以使用带点的组件标记，例如 来引用嵌套在对象属性中的组件。这在需要从单个文件中导入多个组件的时候非常有用：

//在文件夹components创建个index.js文件
import Foo from './foo.vue'
import Bar from './bar.vue'
export {Foo,Bar}

与普通的

顶层 await