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

[jagasan]

product page assign params object `

<router-link tag="button" class="btn btn-default" :to = "{ name: 'subproduct', params: {product: value}}"

`

in received page code is '

Product Description

                    <p class="producDiscription">{{product.description}}</p>
                    <p class="producDiscription">{{product.des}}.</p>
                </div>

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