我有一個布爾類型的屬性 - websiteHasCode，它從商店中獲取一個值。我想有條件地使用 websiteHasCode（true 或 false）在頁面中呈現 html，最初組件 A 很好（websiteHasCode 的正確值）。頁面中有一個模態，它是組件A的子組件B，模態具有更新存儲值的功能-isCodeActive。所以當它更新時我希望變量 websiteHasCode 也更新并最終更新 Dom，所以我使用了一個觀察者并按照這個 SO 問題進行了計算，但它似乎沒有更新。誰能幫助我在這里做錯了什么？<template>   <div>    <div v-if="websiteHasCode">          ...............    </div>    <div v-else>          ................    </div>  </div></template><script>    export default {        name: "dashboard",        props: [],        data() {            return {                websiteHasCode: Boolean,            }        },        mounted() {            this.websiteHasCode = this.$store.state.isCodeActive;        },        computed: {          isCodeActive () {            return this.$store.state.isCodeActive;          }        },        watch: {          isCodeActive: {            handler() {              console.log(this.websiteHasCode) // returns false              this.websiteHasCode = this.$store.state.isCodeActive;              console.log(this.websiteHasCode) // returns true but dom does not re-render            },            deep: true          },        },      }</script>這也是觀察狀態變化的最佳方法嗎，還有更好的方法嗎？