zoukankan      html  css  js  c++  java
  • vue-router

    
    
    /* jshint esversion: 6 */注webstrom中不添加改注释报es6错误提示
    import Vue from 'vue';
    import Router from 'vue-router';
    import HelloWorld from '../components/HelloWorld';
    import first from '../components/first';
    import second from '../components/second';
    import third from '../components/third';
    Vue.use(Router);
    export default new Router({
    routes: [
    {
    path:"/HelloWorld",
    redirect:'/HelloWorld'
    },
    {
    path: '/',
    name: 'HelloWorld',//路由名称<router-link :to='{name:'helloWorld'}'>或者<router-link to:'./'也就是path>
    component: HelloWorld
    },
    {
    path:"/first",
    name:'a',
    component:first
    },
    {
    path:"/second",
    name:"second",
    component:second,
    children:[
    {
    path:"/second/third",//目录为http://localhost:8087/#/second/thirdpath:"/third"目录为http://localhost:8087/#/third
    name:"aa",
    component:third
    }
    ]
    }
    ]
    });
    且主要的router-link应该放入app.vue文件,
    单个组件内部的子路由在该对应的组件内添加router-link
  • 相关阅读:
    vue(5)联动+tab页
    vue(4)hello world
    vue(3)IDE
    vue(2)创建项目
    vue(1)安装
    线程池(6)简单创建线程3种实现
    logback日志简记
    [省选前集训2021] 模拟赛2
    无标号无根树计数
    [省选前集训2021] 模拟赛1
  • 原文地址:https://www.cnblogs.com/Ting-log/p/8950539.html
Copyright © 2011-2022 走看看