缘由：自从vue3出了之后，很火热，里面新增的功能也很不错例如vue ui。但是公司的项目都是以vue2为基础的，如果换版本势必出现问题，所以找到了在全局安装vue2的基础上安装vue3，同时存在着两个版本。

1.安装vue2不再赘述，全局直接安装就没得问题，我们直接从安装vue3开始。

2.先新建一个存放vue3的文件夹

在这里插入图片描述
3.打开这个文件夹的命令行

在这里插入图片描述

4.开装

npm install @vue/cli

装好了之后，文件夹中有了node_modules文件夹

在这里插入图片描述

5.进去文件夹

在这里插入图片描述
记得改个名字，因为全局的vue命令已经被vue2占用了，直接改个vue3

直接把文件夹拖入你的命令行，就会出现路径了直接执行
在这里插入图片描述
在这里插入图片描述

你会发现哇，这就是vue3了，但是现在这个vue3的执行命令有点长啊，那我们接下来就来设置全局变量，我是win10 的系统

摘自：同一台电脑 实现 vue-cli2和vue-cli3同时并存

我直接写了链接，大家直接跳转到全局配置即可，我这里不再赘述。

成功之后

在这里插入图片描述

接下来就开始vue3的快乐旅程啦！

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