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

时间:2016-12-10 14:52:31

标签: vue.js vuejs2

如何在.vue文件中使用Vue.set()和Vue.use()?我使用vue-cli来支撑我的项目,我需要使用Vue.use(VeeValidate)进行验证。此外,我想使用以下内容,找到here

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

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

2 个答案:

答案 0 :(得分:12)

您必须在importVue的任何地方使用vee-validate,您可以像在脚本标记内部一样使用

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

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

如果你只想做Vue.set,你可以改为this.$set wcich是全球Vue.set的别名。

答案 1 :(得分:4)

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

Vue.use是一种全局方法,可以在任何地方调用。它基本上从不在组件内部调用(如果你尝试的话可能会抛出它?从未尝试过)。无论您在初始化的其余部分进行任何操作,请将其调用。