eslint-plugin-vue vue/valid-v-model显示为使用Vue.js 2中的规则发出警告

Question

我使用的是Vue.js 3。

出现以下eslint-plugin-vue警告，以使用Vue.js 2中的规则发出警告。

<MyComponent v-model:propName="foo"/>在Vue.js 3中支持此书写风格。

如何让它与Vue.js 3兼容？

<MyInputComponent
  v-model:value="state.value"
/>
// [vue/valid-v-model] 'v-model' directives require no argument. eslint-plugin-vue [7, 9]

.eslintrc.js

module.exports = {
  extends: [
    'plugin:vue/vue3-recommended',
  ]
}

package.json

{
  "name": "ProjectName",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },
  "dependencies": {
    "typescript": "^4.1.2",
    "vue": "^3.0.2"
  },
  "devDependencies": {
    "@vue/compiler-sfc": "^3.0.2",
    "eslint-plugin-vue": "^7.1.0",
    "vite": "^1.0.0-rc.8"
  }
}

Answer 1

添加这些deps：

"@babel/core": "^7.12.10",
"@babel/eslint-parser": "^7.12.1",
"eslint": "^7.18.0",

安装它们：

npm i -D eslint @babel/core @babel/eslint-parser

更改eslint.js

parser: '@babel/eslint-parser',

Answer 2

这对我很有效-忽略.eslintrc.js中的规则

  rules: {
    "vue/no-v-model-argument": "off",
  },