在 Vue Router 中，可以通过 params 来传递参数。params 是包含在路由 URL 中的键值对。下面是一个使用 Vue Router 传递参数的简单示例：
javascript复制代码
javascript经典代码大全
// 导入 Vue Router
import VueRouter from 'vue-router'
// 创建 Vue Router 实例
const router = new VueRouter({
routes: [
{
path: '/user/:id', // 动态路由参数
component: User,
props: true // 将 params 传递给组件
}
]
})
// 创建 User 组件
const User = {
props: ['id'], // 声明 props，接收传递的参数
template: '<div>User ID: {{ id }}</div>'
}
在这个示例中，我们创建了一个动态路由 /user/:id，其中 :id 是动态参数。我们通过设置 props: true 将 params 传递给 User 组件。在 User 组件中，我们声明了 id 属性来接收传递的参数。最后，我们在模板中使用 {{ id }} 来显示参数的值。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。