vue path传参如何设置页面不刷新

在 Vue.js 中，如果你想在路径中传递参数而不进行页面刷新（即无刷新跳转），你可以使用路由的动态段（Dynamic Segments）。动态段允许你在 URL 中包含变量，这些变量会被解析为对象的形式并存储在 `$route.params` 对象中。例如：

// 定义路由配置
const router = new VueRouter({
  routes: [
    {
      path: '/article/:id', // 使用冒号 : 表示动态部分
      name: 'article',
      component: ArticleComponent
    }
  ]
})

// 跳转到指定文章页
this.$router.push({ name: 'article', params: { id: 'your-article-id' } })

在这个例子中，当你访问 `/article/123` 这样的URL时，`$route.params.id` 将会被设置为 "123"。页面内容会根据 `ArticleComponent` 来渲染，但浏览器地址栏不会更新，实现了无刷新跳转。