Question

我使用Vue-stash作为vuex的替代品。 Vue-stash本身就是被动的。但是，如果我在数据变量中使用它，那个变量就不会改变

<template>
 <div>
  {{id}} // not reactive
 </div>
</template>
<script>
export default {
  data() {
    return {
      id: this.$store.id
    }
  }
}
</script>

Answer 1

Vue实例的数据属性仅在实例化时设置一次。

如果您希望id始终反映this.$store.id的值，则应使用计算属性：

export default {
  computed: {
    id() {
      return this.$store.id;
    }
  }
}

Vue-stash反应性不适用于数据变量

1 个答案: