美文网首页
Vue路由嵌套与路由模块化

Vue路由嵌套与路由模块化

作者: 向上而活 | 来源:发表于2018-06-15 18:36 被阅读0次

    路由嵌套

    1、引入创建好的子组件

    img1

    2、配置路由。注意,children中配置的子模块路由,path值前不带斜杠 /

    img2

    3、在父组件中使用路由

    img3

    路由模块化

    再此之前,我的路由都是写在全局文件main.js里,路由模块化就是将路由配置所涉及的代码,从main.js里独立出去,封装成一个模块。

    一、将路由配置独立到单独的js文件

    标注一 引入Vue模块,注意路径写法

    标注二 路由配置

    标注三 注意引入组件的路径写法

    标注四 暴露该路由模块

    标注五 在main.js中引入该路由模块

    标注六 在main.js中挂载该组件

    img4 img5

    相关文章

      网友评论

          本文标题:Vue路由嵌套与路由模块化

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