Vue.js 如何在Vue中使用方法填充空数组

我试图在

computed

函数中用声明的数组变量填充空数组。我试过了，但没有成功：

data: {
  hashtags: []
},

computed: {
  filteredHashtags () {
    var defaultHashtags = [ '#hr', '#acc', '#sales' ];

    var fHashtags = 
     _.chain( messages )
    .pluck( 'hashtags' )
    .flatten()
    .map( 
      function ( tag ) { 
        return tag && tag.trim() ? '#' + tag : null; })
    .filter( Boolean )
    .value();  

    fHashtags = _.union( fHashtags, defaultHashtags );

    return data.hashtags = fHashtags;
  }
}

---

还有，有没有更好的方法来实现这一点？

计算属性并不是一个很好的用例，因为必须引用计算值才能调用它。相反，只需将其设置为一个方法，并在创建Vue时调用该方法即可

data: {
  hashtags: []
},
methods: {
  filterHashtags() {
   // commented out stuff

    // set the data property with the filtered values
    this.hashtags = fHashtags;
  }
},
created(){
  this.filterHashtags();
}

---

计算属性并不是一个很好的用例，因为必须引用计算值才能调用它。相反，只需将其设置为一个方法，并在创建Vue时调用该方法即可

data: {
  hashtags: []
},
methods: {
  filterHashtags() {
   // commented out stuff

    // set the data property with the filtered values
    this.hashtags = fHashtags;
  }
},
created(){
  this.filterHashtags();
}

---

您的意思是改为

data.hashtags=fHashtags

？还是我遗漏了什么？我对Vue还是个新手。基本上，我将

fHastags

的值分配给

数据中的
hashtags
。但你是对的。我来做编辑你是不是想改为
data.hashtags=fHashtags
？还是我遗漏了什么？我对Vue还是个新手。基本上，我将
fHastags
的值分配给
数据中的
hashtags
。但你是对的。我来做编辑