route passing object in params data is lost where i am received params object when refresh the page

[jagasan]

product page assign params object <div class="col-md-3 col-xs-3 col-sm-3" v-for="value in values"> <router-link tag="button" class="btn btn-default" :to = "{ name: 'subproduct', params: {product: value}}" > <img v-bind:src="value.image"> </router-link> </div>

in received page code is '

Product Description

{{product.description}}

{{product.des}}.

export default{ data(){ return { sizes:[], colors:[], options:this.$route.params.product.options, product:this.$route.params.product }
}'