vue组件取值成功后没生效，要在chrome控制台里单机才行

Question

RT
这个playmusic组件得到值后，并没有马上渲染，而是要我在控制台里，单机一下这个组件名，才会被提交，得到数据，请问这么为什么

Answer 1

根据提主给出的代码，修改如下：

computed:{
   ...mapGetters([
     'playmusic','items'
  ])
},
watch: {
    playmusic: {
        handler() {
            this.model = this.playmusic
        },
        deep: true
    },
    items: {
        handler() {
            this.model = this.items
        },
        deep: true
    }
}

Answer 2

  computed:{
  //   ...mapState([
  //   'playmusic','items'
  // ])
  playmusic () {
    return this.modle=this.$store.state.playmusic
  }
  items () {
    return this.modle=this.$store.state.items
  }
}

playmusic与items这是我通过vuex从两个组件中请求过来的两个对象， 想在不同的操作下渲染进dom中 所以我本组件的data里，给了一个空的对象，然后想将'playmusic','items'这两个对象在computed中 分别赋值给data 这样当我操作赋值时 就等于操作了data 间接的就是操作了dom的渲染 但是在computed中只能得到计算结果 没有计算过程也就是不自动更新