小编Ábe*_*kes的帖子

我最近一直在使用 Vue 和 TypeScript，但我无法让它正常工作：

我正在使用 tslint 为所有 TS 脚本提供统一的代码样式，并且它适用于所有 .ts 文件。问题是，IDE 在检查我的 .vue 文件时使用其默认设置。

示例.vue：

<template>
  <div>Example</div>
</template>
<script lang="ts">
  import Component from "vue-class-component"; //<-- not complaining for double-quotes
  import Vue from 'vue';

  @Component
  export default class Example extends Vue {}
</script>

如果将同一段代码放在 .ts 文件中，则会导致 IntelliJ IDEA 发出 linter 警告。

到目前为止我尝试过的：

• 缓存失效并重启
• 在 webpack 配置中设置 tslint-loader

知道我怎么能让这个工作吗？

我已经为这个问题苦苦挣扎了好几个小时：我已经在父组件内部动态实例化了一个子vue组件，并在propsData中传递了一些父组件的数据。当父级更新时，动态创建的子级属性似乎没有更新。

请检查我创建的示例以更好地理解（摘自changchang的示例）

如您所见，我正在动态和静态地实例化Button组件。按钮的颜色取决于type属性。我将父母的数据（类型属性）作为道具传递给动态和静态创建的实例。当您插入新按钮时，通过单击“单击插入”按钮，将使用父级的当前类型创建一个新按钮。点击事件之后，我切换了父项的type属性。如您所见，静态创建的按钮实例（在页面顶部）会更改颜色，但是动态实例化的按钮实例保持不变。

您能指出我的错误并帮助找到解决方案吗？

谢谢，贝尔