Php 属性或方法“；认购”；未在实例上定义，但在Vue.js中的render.in过程中引用

在我的vue subscribe按钮组件中，我提到了计算的每个部分的道具和方法。在Compute中，我提到了subscribed属性：但它仍然给了我一个错误：-

[Vue warn]：属性或方法“subscribed”未在实例上定义，但在呈现过程中被引用。请通过初始化属性，确保此属性在数据选项中或对于基于类的组件是被动的。请参阅：

订阅-buttom.js

Vue.component('subscribe-button', {
props: {
    profile: {
        type: Object,
        required: true,
        default: () => ({})
    },
    subscriptions: {
        type: Array,
        required: true,
        default: () => []
    }
},
computed: {
    subscribed: function() {
        if (!__auth() || this.profile.user_id == __auth().id) return false
        return !!this.subscriptions.find(subscription => subscription.user_id == __auth().id)
    }
},
methods: {

    toggleSubscription() {
        if (!__auth()) {
            alert('Please login to Subscribe')
        }
    }
}

 })

这是我的show.blade.php的一部分

<div class="text-center">
    <subscribe-button :profile="{{ $profile }}" :subscriptions="{{ $profile->subscriptions }}" inline-template>
     <button @click='toggleSubscription' class="btn btn-danger">
      @{{ subscribed ? 'Unsubscribe' : 'Subscribe' }} 7k
     </button>
    </subscribe-button>
  </div>

@{{订阅？'Unsubscribe'：'Subscribe'}}7k

---

违反直觉，但试着这样做，看看是否能解决您的问题。添加一个已安装的挂钩并添加此

mounted() {
    const test = this.subscribed;
}

---

或者，此链接可以帮助照亮路径

replicate:in subscribe-button.js？@RashmiRanjanSahoo啊，是的，很抱歉不清楚