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