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