Vue.js Vue Prop 没有初始化器，也没有在构造函数中明确赋值

发布于05月24日

我在Vue类组件中使用props .props 在构造函数中定义，没有值.这可以很好地编译和工作，但自从最新的VS Code/TSLint更新以来，我得到了以下警告:

属性"tag"没有初始值设定项，并且在构造函数中没有明确指定.

Vue类组件

export default class Browser extends Vue {
  @Prop({default: '', required:false})
  tag: string

  created(){
     console.log("the tag prop is " + this.tag)
  }
}

如果我指定了它，我会收到Vue警告，您不应该在子组件中操纵props .

[Vue warn]:避免直接改变props ，因为每当父组件重新渲染时，该值将被覆盖

既然这似乎主要是一个起毛问题，有没有办法禁用它？还是我的代码真的错了？

推荐答案

更新日期2020/06/15

我当时给出的最初答案是断断续续的，而不是正确的答案.This答案是正确的方法；在props 名称后面加一个!.

原始答案

我也有同样的问题.我通过向tsconfig添加"strictPropertyInitialization": false,来修复它.json的编译器选项.

{
    "compilerOptions": {
        "outDir": "./built/",
        "sourceMap": true,
        "strict": true,
        "noImplicitReturns": true,
        "experimentalDecorators": true,
        "module": "es2015",
        "moduleResolution": "node",
        "target": "es5",
        "strictPropertyInitialization": false,
        "lib": [
            "es5",
            "es2015",
            "dom",
            "ScriptHost"
        ]
    },
    "include": [
        "./src/**/*"
    ]
}