搭建Vue3开发微信小程序

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

步骤一:全局安装vue-cli
npm install -g @vue/cli

步骤 2: 用如下的命令创建vue3工程（可以选择默认的或者ts，我选的是ts）
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 中运行。

我操作运行后失败了，删除node_modules后重新npm i 后成功运行。

首页代码和目录结构造在这里插入图片描述

微信开发者工具运行结果在这里插入图片描述

官网链接：uni-app 项目小程序端支持 vue3 介绍。

# typescript # vue.js # 小程序
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue