vue.js - vue.js 的 ESLint 警告和错误 - vue/require-default-prop & vue/require-prop-type-constructor

Question

我正在使用 Vue.js、Babel 和 WebPack 创建我的第一个 SPA。Vue 组件具有以下脚本：

<script>
export default {
  props: {
    name: String,
    required: true
  }
}
</script>

当我运行 eslint 时，我收到以下警告和错误：

8:5   warning  Prop 'name' requires default value to be set      vue/require-default-prop
9:5   warning  Prop 'required' requires default value to be set  vue/require-default-prop
9:15  error    The "required" property should be a constructor   vue/require-prop-type-constructor

我已经从我正在关注的教程中复制了代码，但我不明白如何修复它？

标签： vue.jseslint

Answer 1

name 应该是一个对象，

<script>
export default {
  props: {
    name: {
      type: String,
      required: true
    }
  }
}
</script>