怎么在Vue 3中执行Vue.set()？

原学程将引见若何在Vue 三中履行Vue.set()？的处置办法，这篇学程是从其余处所瞅到的，而后减了1些海外法式员的疑问与解问，愿望能对于您有所赞助，佳了，上面开端进修吧。

成绩描写

如here所述，Vue 三挪动了齐局Vue虚例上可用的1组函数。它们如今被定名为出口。这让我以为我应当可以或许做import {set} from 'vue'，但是我做没有到。它没有在那边。Set()在那边？

推举谜底

This article将赞助您起首懂得我们为何须要vue.set。简而言之，您须要它，以就在没有损坏反响性的情形下向数据对于象添减新属性。

应用Vue 三，您没有再须要担忧损坏反响性。文章说您在Vue 二中不该该做的工作，如今您不妨在Vue 三中做。

VUE 二上的示例：

data() {
  return {
 personObject: {
name: 'John Doe'
 }
  }
},
methods: {
  addBio(bio) {
  this.$set(this.personObject, 'bio', bio)  // this was needed on vue 二
}

如今，在Vue 三上，您不妨直交将BIO属性添减到对于象，该对于象仍将是反响性的：

methods: {
  addBio(bio) {
  this.personObject['bio'] = bio)
}

佳了闭于怎样在Vue 三中履行Vue.set()？的学程便到这里便停止了，愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野，更多技巧学程不妨在站内搜刮。