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

Question

我正在尝试使用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>

review-page.vue

    <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>

产品列表包含product.vue组件。

无论何时我选择产品，评论页面组件的属性都不会重置。我想重置“ isRatingProvied”属性。以便为每个产品选择呈现一个新的评论页面。