项目中遇到的问题以及解决办法

1、报错：error Component name "Home" should always be multi-word vue/multi-word-component-names

原因：

这个报错是由于eslint规则检测到组件名称不符合驼峰或多单词命名规则，而vue/multi-word-component-names是用于检测当前的组件名称是否使用驼峰或多单词命名的。

解决办法：

 1、更改组件命名

 2、配置eslint规则

在vue.config.js 文件，然后将属性lintOnSave 设置为 false

2、路径的配置

    vue.config.js 配置了@代表src目录

    代码如下：

        let path = require("path");
		module.exports = {
			configureWebpack: (config) => {
		    	config.resolve = { 
		      		extensions: ['.js', '.json', '.vue'],
		      		alias: {
		       	 		'@': path.resolve(__dirname, './src'),
		      		}
		    	}
		  	}
		}