[Vuejs]-How to pass a value from Laravel blade to a vue component?

https://router.vuejs.org/guide/essentials/passing-props.html

you should add props true to router

    { path: '/user/:id', component: User, props: true },

Edit :
Just remove : from :id
<add-product id="{{$product_id}}"></add-product>