在 .vue 文件中使用 Vue.set() 和 Vue.use()

Question

如何在 .vue 文件中使用 Vue.set() 和 Vue.use()？我正在使用 vue-cli 搭建我的项目，我需要使用 Vue.use(VeeValidate) 进行验证。我也想使用类似下面的东西，发现 here.

Vue.set(example1.items, indexOfItem, newValue)

由于.vue 文件导出对象，如何获取Vue 引用。我也想在 .vue 文件中导出的默认对象中使用它。我的意思是我需要对数据函数中存在的项目使用 Vue.set()。

Answer 1

你必须在任何需要 Vue 或 vee-validate 的地方使用 import，你可以像在脚本标签内那样做：

<script>
import Vue from 'vue'
import VeeValidate from 'vee-validate'

Vue.use(VeeValidate)
...
...
</script>

如果您只想执行 Vue.set，您可以改为执行 this.$set which is the alias of the global Vue.set。

Answer 2

您的组件有 Vue.set 个可用 this.$set。供参考：instance methods & properties.

Vue.use是一个全局方法，可以在任何地方调用。它基本上从不在组件内部调用（如果你尝试，可能会抛出异常？从未尝试过）。在您进行其余初始化的任何地方调用它。

Using Vue.set() and Vue.use() in .vue files