Vue常见疑难解答

新建Vue项目

Vue2

vue create hello-world

Vue项目eslint命名限制问题

error Component name "Home" should always be multi-word vue/multi-word-component-names

在项目的vue.config.js文件中添加一条属性：lintOnSave:false

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false
})

Vue2项目安装router报错

本质上可能是router版本和vue不兼容。Vue Router 4.x版本是专门为Vue 3设计的，与Vue 2不兼容。Vue 2应该使用Vue Router的3.x版本。

npm install vue-router@3 --save

忽略兼容性进行安装

npm install --legacy-peer-deps vue-router@版本号

这条命令的作用是安装vue-router包，同时采用一种较为宽松的peer dependencies处理策略，允许在存在peer依赖不匹配的情况下继续安装过程，这在解决某些依赖冲突或兼容性问题时可能会用到，但需注意后续可能需要手动管理依赖以保证项目正常运行。

Vue2安装Vuex长时间无响应后报错

在vue2中，要用vuex的3版本
npm#
npm install vuex@3 --save
Yarn#
yarn add vuex@3 --save