* `setup`是一个函数。
* 新的option,所有的组合API函数都在此使用,只在初始化时执行一次。
* 函数如果返回对象,对象中的属性或方法,模板中可以直接使用。
```html
<template>
<!-- 3. 可以直接在模板中调用number -->
<h1>{{ number }}</h1>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
setup() {
// 1. 只在初始化时执行一次
console.log("只执行一次");
return {
// 2. setup返回的对象中放置一个属性或方法
number: 10,
};
},
});
</script>
```
- nodejs
- 同时安装多个node版本
- Vue3
- 创建Vue3项目
- 使用 vue-cli 创建
- 使用 vite 创建
- 常用的Composition API
- setup
- ref
- reactive
- 响应数据原理
- setup细节
- reactive与ref细节
- 计算属性与监视
- 生命周期函数
- toRefs
- 其它的Composition API
- shallowReactive与shallowRef
- readonly与shallowReadonly
- toRaw与markRaw
- toRef
- customRef
- provide与inject
- 响应式数据的判断
- 组件
- Fragment片断
- Teleport瞬移
- Suspense
- ES6
- Promise对象
- Promise作用
- 状态与过程
- 基本使用
- 常用API
- async与await
- Axios