Vue.js eslint的此配置错误是什么
我是vueJs的新手。我在vue中尝试使用以下基本代码来修改vue中组件的数据:Vue.js eslint的此配置错误是什么,vue.js,eslint,Vue.js,Eslint,我是vueJs的新手。我在vue中尝试使用以下基本代码来修改vue中组件的数据: <template> <div> <h1> {{ message }} <h2> Hello {{ firstname }} {{ lastname }} de {{ from }} ! </h2> <label> Firstname : <i
<template>
<div>
<h1> {{ message }}
<h2> Hello {{ firstname }} {{ lastname }} de {{ from }} ! </h2>
<label> Firstname : <input type="text" v-model="person.firstname" /> </label>
<label> Lastname : <input type="text" v-model="person.lastname" /> </label>
<label> Message : <input type="text" v-model="message" /> </label>
</div>
</template>
<script>
export default {
data () {
person: {
firstname: 'John',
lastname: 'Doe'
},
message: 'Welcome!'
}
}
</script>
我使用@vue/cli 4.1.2和webpack。
My package.json:
{
"name": "myproject",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.4.4",
"vue": "^2.6.10"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.1.0",
"@vue/cli-plugin-eslint": "^4.1.0",
"@vue/cli-service": "^4.1.0",
"babel-eslint": "^10.0.3",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"vue-template-compiler": "^2.6.10"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint",
"ecmaVersion": 6
}
},
"browserslist": [
"> 1%",
"last 2 versions"
]
}
我的代码似乎是正确的。我不理解这个错误。babel解析器有配置吗?配置文件在哪里?
我在package.json文件配置中添加了一个eccmaversion,但它似乎不起作用。任何帮助都将不胜感激。Houps!我只是忘记了返回语句:
export default {
data () {
return {
person: {
firstname: 'John',
lastname: 'Doe'
},
message: 'Welcome!'
}
}
}
可能您的意思是:data(){return{person:{firstname:“John”,lastname:“Doe”},message:“Welcome!”}
export default {
data () {
return {
person: {
firstname: 'John',
lastname: 'Doe'
},
message: 'Welcome!'
}
}
}