- 创建项目
npm create vue@3,项目环境不匹配,新旧项目的node版本不一致,安装nvm,切换node版本,安装过程遇到的问题:输入nvm -v ,显示报错,按照网上常见的错报试错之后,之后重启电脑显示成功了。
nvm命令行操作命令
1. nvm nvm list 是查找本电脑上所有的node版本
- nvm list 查看已经安装的版本
- nvm list installed 查看已经安装的版本
- nvm list available 查看网络可以安装的版本
2. nvm install 安装最新版本nvm
3. nvm use <version> ## 切换使用指定的版本node
4. nvm ls 列出所有版本
- 将旧项目中的src文件和public文件复制过来,public文件中的html可以不复制,vue3外层中已存在,main文件中的按照vue3的形式来写,不然会报错。
import { createApp } from 'vue'
import App from './App.vue'
import LabelTool from "./components/index";
createApp(App).use(LabelTool).mount('#app')
- 项目使用的vue3+vite,vite不支持
module.exportsrequire写法,用export default替换,
在vue+webpack项目中常用的引入文件的方法 require.context('./', false, /.js$/);不可以使用,用vite的import.meta.glob('.//*.js', { eager: true })方法来代替
4.常见的模拟获取数据,在mounted中增加 setTimeout,结果在vue3中,页面没有展示数据,去掉定时器才展示,原理后面看看
5.vite不展示报错?很奇怪,可能是哪里的配置有问题,不报错,导致排查上方问题很费时间。
- 编辑点的时候 ,报错this.$set is not a function,后面再改