PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    uniapp支持vue3吗?uni-app 项目小程序端支持 vue3 介绍

    作者:admin来源:dcloud浏览:时间:2020-10-02 21:19:43我要评论
    导读:随着 vue3 的发布,uni-app 也逐步支持 vue3。目前小程序平台已支持,h5、App 平台暂不支持,除支持 vue3 语法特性外,uni-app 特有的生命周期钩子支持 Composition API,如 onLaunch,onShow,onLoad...

    简介

    随着 vue3 的发布,uni-app 也逐步支持 vue3

    目前小程序平台已支持,h5、App 平台暂不支持。

    除支持 vue3 语法特性外,uni-app 特有的生命周期钩子支持 Composition API,如 onLaunchonShowonLoad...

    下面介绍创建支持 vue3 的 uni-app 项目的流程,以及使用中的一些注意事项。vue3 相关问题请关注vue官方文档 vue3 中文文档

    创建支持 vue3 的 uni-app 项目流程

    目前仅支持 cli 方式创建支持 vue3 默认模板项目。

    如果你之前没有使用过 vue-cli 方式创建过项目,需要先安装 vue-cli,若已安装则跳过步骤 1。

    步骤 1: 全局安装vue-cli

    npm install -g @vue/cli

    步骤 2: 用如下的命令创建vue3工程

    vue create -p dcloudio/uni-preset-vue#vue3 my-vue3-project

    步骤 3: 创建好工程后,进入对应目录

    cd my-vue3-project

    步骤 4: 将项目跑到微信平台

    npm run dev:mp-weixin

    需要将编译后的文件dist/dev/mp-weixin导入微信开发者工具运行,也可将项目拖入 HbuildX 中运行,方便运行到各个平台。

    注意事项

    • vue3 响应式基于 Proxy 实现,不支持iOS9和ie11。尤其注意iOS9上,不管是App、H5还是各家小程序,均不支持。vue3自身计划在第四季度开始解决这方面的问题。
    • 暂不支持新增的 Teleport,Suspense 组件
    • 暂不支持 template 下存在多个根节点

    欢迎开发者反馈使用该版本遇到的问题,我们将积极收集意见。经过一定量用户的反馈后,官方会将其集成到HBuilderX中并适配H5和App。

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-6324-1.html
    相关热词搜索: uniapp uni-app vue3