home.vue 出现四个警告

相关代码：

App.vue代码
<template>
  <div id="app">

    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>

相关代码：

router 下面的index.js
import Vue from 'vue'
import Router from 'vue-router'

import Home from '@/pages/home/home.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
    path:'/',
    name:'Home',
    component:Home
    }
  ]
})

相关代码：

home.vue
<template>
 <div>home</div>
</template>
<script type="text/javascript">
export default({
 name:'Home'
})
</script>
<style>

</style>

问题描述：显示有四个错误

慕前端2185815 2021-03-29

源自：项目-首页开发 1-4 Vue项目预热 - 单文件组件与Vue中的路由（1）

收起

1回答

卡布琦诺 2021-03-29 14:19:17

同学你好，老师这边测试同学的代码是没有警告出现的，如下：

猜测可能是同学创建项目是启用了eslint检测规则，建议同学参考如下更改：

希望可以帮到你，祝学习愉快！

收起回答

提问者慕前端2185815 #1

如何不启用了eslint检测规则呢？eslint检测规则是要求一些代码的规范性的吗

2021-03-29 15:56:37
卡布琦诺回复提问者慕前端2185815 #2
同学你好，有2种处理方法，具体如下：
1、在项目根目录下增加vue.config.js文件，在文件中添加内容如下：
```
// vue.config.js
module.exports = {
    lintOnSave: false
}
```
2、重新创建项目，在创建的时候，不选择eslint检测规则

祝学习愉快！
2021-03-29 16:26:15
提问者慕前端2185815 回复卡布琦诺 #3

第一种方法添加文件后还是有警告，这是为什么呢？
还有一个问题，不选择eslint检测规则后会对项目有什么影响吗？

2021-03-29 16:49:08