使用vue3 setup语法糖 禁用 Attribute 继承

Question

和标题说的一样，因为我用了setup的语法糖，所以不能直接在语法糖里面用inheritAttrs,因此我参考了，官方的写法，就是再加一个普通的<script></script>

但是会出现这样的报错：

目测了一下好像报错的是eslint，就不是很懂，为什么是eslint在报错

然后我eslint的配置是这样的：

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/vue3-essential',
    '@vue/standard',
    '@vue/typescript/recommended',
    "@vue/prettier",
    "@vue/prettier/@typescript-eslint",
  ],
  parserOptions: {
    ecmaVersion: 2020
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
  }
}

Answer 1

<script lang="ts">
/* eslint vue/no-ref-as-operand: off */
export default {
  name: 'Foo',
  inheritAttrs: false
};
</script>

加这个注释忽略掉这个规则，现在普通 script 其实用的场景也较少。