zoukankan      html  css  js  c++  java
  • vue-cli框架04

    npm install vue-router --save

    在根目录下下新建文件夹 router/index.js

    文件中引入模块

    import Vue from 'vue'
    import VueRouter from 'vue-router'

    在main.js里引用。然后在vue里挂载。一定要挂载才有用。

    我第一次就是忘记了。页面一片空白。浏览器报错匹配不到

     

     然后在页面使用这个。

    routers的配置。redirect重定向。可以用来设置默认页面。或者404.

    children用于页面嵌套时使用的路由

    这个路由规则是。

    在页面启动时进入默认主页面。比如这个地址http://172.16.170.131:8080/#/

    启动页面挂载的是app.vue组件。那么app页面加载。碰到<router-view/>拿到页面地址‘/’。去routers里匹配到的是redirect

    那么页面路由修改成/index。重新匹配。匹配到component是index.

    index是你在页面引入的组件。

    那么就把页面写<router-view/> 的地方换成Index组件。

    如果你的index组件里又有路由的话。

  • 相关阅读:
    了解HDD或SDD磁盘的健康状态
    修复丢失的打开方式
    Invoke-WebRequest : 请求被中止: 未能创建 SSL/TLS 安全通道。
    绕过禁止未登陆用户访问
    debug
    更新已有数据
    编码格式(乱码)
    ajax
    Http
    科学的管理和规范标准
  • 原文地址:https://www.cnblogs.com/cbb-web/p/14558844.html
Copyright © 2011-2022 走看看