vue1.0配置路由

Posted kikia

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue1.0配置路由相关的知识,希望对你有一定的参考价值。

1,//创建 router 实例

  var router = new VueRouter()

2,//components下新建home.vue组件,并在app.vue中引入模块:

import home from \'./components/home/home.vue\';

3,//路由地址

  router.map({

          //路由规则

    })

4,//启动一个启用了路由的应用

  router.start(App,\'app\')

5,Vue作用范围内设置路由跳转

  <a v-link="{path:\'/home\'}"></a>

  <router-view></router-view>//路由渲染出来的内容的位置

main.js文件如下:

 

路由嵌套:

1,新建Login.vue 和 Reg.vue

2,import引入

3,subroute设置

4,vue文件设置 <a a-link="{path:\'地址\'}"></a>设置路由跳转地址

.vue文件如下

main.js文件如下

 

以上是关于vue1.0配置路由的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

Vue2.0的变化———vue2.0动画的变化vue-2.0路由的变化

Vue1.0学习总结———vue-router的使用

vue2.0 路由学习笔记

Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段