Vuejs2 如何在Vue js中重置组件属性？

我正在尝试使用Vue js制作一个产品评论页面。请参阅下面的代码

App.Vue

<template>
<div class=" wrapper">
<div class="container shadow padding-left-none">
  <div class="grid-100 padding-left-none">
    <div class="grid-30 padding-left-none">
      <product-list></product-list>
    </div>
    <div class="grid-70">
      <reviewPage :reviews="reviews"></reviewPage>
    </div>
  </div>
</div>
</div>
</template>

    <template>
    <div class="grid-100">
        <div class="review-wrapper">
            <h3>Rate this product</h3>
            <div class="rating-section">
                <div class="user-ratings">
                    <rating-star v-on:ratingProvided="ratingProvided"></rating-star>
                </div>
                <div class="rating-complement" v-if="isRatingProvied">
                    <span class="complement">{{ratingComplement}}</span>
                </div>
                <div class="rating-saved pull-right" v-if="isRatingSaved">
                    <span class="saved-status">Your rating has been saved</span>
                </div>
            </div>
            <div class="reviews-container">
                <div class="review" v-for="review in reviews" :key="review.id">

                </div>
            </div>
        </div>
    </div>
</template>

查看页面.vue

<template>
<div class=" wrapper">
<div class="container shadow padding-left-none">
  <div class="grid-100 padding-left-none">
    <div class="grid-30 padding-left-none">
      <product-list></product-list>
    </div>
    <div class="grid-70">
      <reviewPage :reviews="reviews"></reviewPage>
    </div>
  </div>
</div>
</div>
</template>

    <template>
    <div class="grid-100">
        <div class="review-wrapper">
            <h3>Rate this product</h3>
            <div class="rating-section">
                <div class="user-ratings">
                    <rating-star v-on:ratingProvided="ratingProvided"></rating-star>
                </div>
                <div class="rating-complement" v-if="isRatingProvied">
                    <span class="complement">{{ratingComplement}}</span>
                </div>
                <div class="rating-saved pull-right" v-if="isRatingSaved">
                    <span class="saved-status">Your rating has been saved</span>
                </div>
            </div>
            <div class="reviews-container">
                <div class="review" v-for="review in reviews" :key="review.id">

                </div>
            </div>
        </div>
    </div>
</template>

给这个产品打分
{{ratingcomplete}}
您的评级已保存

产品列表包含product.vue组件

---

每当我选择产品时，查看页面组件的属性都不会重置。我想重置“isRatingProvied”属性。这样，每个产品选择都将呈现一个新的审阅页面。

我认为您还需要包括您的部分。如果您想要答案，您应该将

IsratingProvidered

发送到您的

reviewPage

组件，就像这样

并在每次选择新产品时重置

评级。