Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何在nuxt.js中处理路由参数更新_Vue.js_Vue Router_Nuxt.js - Fatal编程技术网

Vue.js 如何在nuxt.js中处理路由参数更新

Vue.js 如何在nuxt.js中处理路由参数更新,vue.js,vue-router,nuxt.js,Vue.js,Vue Router,Nuxt.js,如果目的地与当前路由相同,并且只有参数在更改 going from one profile to another /users/1 -> /users/2. 如何识别并更新组件?我不确定next.js是否相同,但在适当的时候,即使参数更改,相同的组件也会被重用。因此,您需要特别观察参数的变化 来自Vue路由器文档: 使用带有参数的routes时需要注意的一点是,当用户从/user/foo导航到/user/bar时,将重用相同的组件实例。由于两条路由都呈现相同的组件,因此这比销毁旧实例然后

如果目的地与当前路由相同,并且只有参数在更改

going from one profile to another /users/1 -> /users/2.

如何识别并更新组件?

我不确定next.js是否相同,但在适当的时候,即使参数更改,相同的组件也会被重用。因此,您需要特别观察参数的变化

来自Vue路由器文档:

使用带有参数的routes时需要注意的一点是,当用户从/user/foo导航到/user/bar时,将重用相同的组件实例。由于两条路由都呈现相同的组件,因此这比销毁旧实例然后创建新实例更有效。但是,这也意味着不会调用组件的生命周期挂钩


查看此处:

如果您已经在组件中使用route参数,它将自动更新Nuxt将自动处理此问题。您不需要显式地执行任何逻辑(如在下面的回答中介绍的“watch”)。vuejs路由中需要它,但nuxt中不需要它。