是否可以从导入它的组件文件内部编辑外部Vue.js插件？

Question

例如，我正在使用vue-charts.js并将其导入到我的根组件中：

import VueChartjs from 'vue-chartjs';

Vue.component('bar-chart', {
  extends: VueChartjs.HorizontalBar,
...
})

现在VueChartjs是一个包装Charts.js所以组件本身自带的模板。 我希望能够在VueChartjs.HorizontalBar或我将其安装到的组件bar-chart编辑该模板。

无论如何，在此根组件中可以执行此操作吗？

Answer 1

您无法编辑vue-chartjs组件的模板。 由于扩展，所有方法，道具等都将合并。 如果某些道具或方法重复，Vue的合并策略将使用您本地的道具或方法，而不是基类中的道具或方法。

但是，Vue没有模板的合并策略。 因此，您只能完全覆盖模板。 检查vue-chartjs的git repo以查看模板语法，因为需要一些道具和ID。 然后，您可以将其替换为基本组件。