美文网首页
vue-router内容详解

vue-router内容详解

作者: Jycoding | 来源:发表于2022-04-03 15:26 被阅读0次

    process.env => {NODE_ENV: 'development', BASE_URL: '/'}

    this.$route => 

    this.$router => 

    请记住,this.$router 与直接使用通过 createRouter 创建的 router 实例完全相同。我们使用 this.$router 的原因是,我们不想在每个需要操作路由的组件中都导入路由。

    const username = 'eduardo'

    // 我们可以手动建立 url,但我们必须自己处理编码

    router.push(`/user/${username}`) // -> /user/eduardo

    // 同样

    router.push({ path: `/user/${username}` }) // -> /user/eduardo

    // 如果可能的话,使用 `name` 和 `params` 从自动 URL 编码中获益

    router.push({ name: 'user', params: { username } }) // -> /user/eduardo

    // `params` 不能与 `path` 一起使用

    router.push({ path: '/user', params: { username } }) // -> /user

    相关文章

      网友评论

          本文标题:vue-router内容详解

          本文链接:https://www.haomeiwen.com/subject/mhwijrtx.html