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

Question

如何在.vue文件中使用Vue.set()和Vue.use()？我正在使用vue-cli来搭建我的项目，并且我需要使用Vue.use(VeeValidate)进行验证。此外，我还想使用类似于found 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，它是全局Vue.set的别名。

Answer 2

您的组件具有this.$set形式的Vue.set。参考：instance methods & properties。

Vue.use是一个全局方法，可以在任何地方调用。它基本上不会在组件内部调用(如果你尝试的话，实际上可能会抛出？从未尝试过)。无论在哪里执行其余的初始化操作，都可以调用它。