Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
c6c3736d
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3341
Star
107
Fork
853
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
103
列表
看板
标记
里程碑
合并请求
85
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
103
Issue
103
列表
看板
标记
里程碑
合并请求
85
合并请求
85
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
c6c3736d
编写于
10月 27, 2022
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'master' of
https://gitcode.net/dcloud/unidocs-zh
上级
0db8e419
224c1bd1
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
4 addition
and
21 deletion
+4
-21
docs/tutorial/vue-composition-api.md
docs/tutorial/vue-composition-api.md
+4
-21
未找到文件。
docs/tutorial/vue-composition-api.md
浏览文件 @
c6c3736d
...
@@ -5,22 +5,14 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
...
@@ -5,22 +5,14 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
### 环境准备
### 环境准备
升级 uni-app 编译器到 3.6.
7
alpha
升级 uni-app 编译器到 3.6.
8
alpha
*
HBuilderX 创建的项目直接升级 HBuilderX 到最新 alpha 版即可
*
HBuilderX 创建的项目直接升级 HBuilderX 到最新 alpha 版即可
*
CLI 创建的项目参考
[
https://uniapp.dcloud.net.cn/quickstart-cli.html#cliversion
](
https://uniapp.dcloud.net.cn/quickstart-cli.html#cliversion
)
升级依赖到最新 alpha 版
*
CLI 创建的项目参考
[
https://uniapp.dcloud.net.cn/quickstart-cli.html#cliversion
](
https://uniapp.dcloud.net.cn/quickstart-cli.html#cliversion
)
升级依赖到最新 alpha 版
### 使用组合式API
### 使用组合式API
1.
使用 npm/yarn 安装 @vue/composition-api,此包目前仅用于提供语法提示等,编译器内部内置修改过的固定版本。
1.
在 main.js/ts 文件内增加安装 @vue/composition-api 插件
```
shell
npm
install
@vue/composition-api
# or
yarn add @vue/composition-api
```
2.
在 main.js/ts 文件内增加安装 @vue/composition-api 插件
::: preview
::: preview
...
@@ -48,15 +40,7 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
...
@@ -48,15 +40,7 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
:::
:::
3.
使用 npm/yarn 安装 @dcloudio/uni-app
2.
从 @vue/composition-api 包内导入并使用基础的组合式API,具体的兼容性仍需参考:
[
@vue/composition-api
](
https://github.com/vuejs/composition-api#browser-compatibility
)
。从 @dcloudio/uni-app 包内导入 uni-app 其他生命周期API。
```
shell
npm
install
@dcloudio/uni-app@alpha
# or
yarn add @dcloudio/uni-app@alpha
```
4.
从 @vue/composition-api 包内导入并使用基础的组合式API,具体的兼容性仍需参考:
[
@vue/composition-api
](
https://github.com/vuejs/composition-api#browser-compatibility
)
。从 @dcloudio/uni-app 包内导入 uni-app 其他生命周期API。
```
js
```
js
import
{
defineComponent
,
ref
}
from
'
@vue/composition-api
'
import
{
defineComponent
,
ref
}
from
'
@vue/composition-api
'
...
@@ -117,5 +101,4 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
...
@@ -117,5 +101,4 @@ unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
### 与 TypesSript 一起使用
### 与 TypesSript 一起使用
*
CLI 项目:创建项目时需选择 TS 模板,与 Script Setup 一同使用时会禁用默认的类型检查,具体请参考
[
unplugin-vue2-script-setup
](
https://github.com/antfu/unplugin-vue2-script-setup
)
> 与 Script Setup 一同使用时会禁用默认的类型检查,具体请参考 [unplugin-vue2-script-setup](https://github.com/antfu/unplugin-vue2-script-setup)
*
HBuilderX 项目:使用 TS 时目前不可单独使用 Script Setup,需同时使用 defineComponent。
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录