首页 > 其他 > 详细

vue1.0配置路由

时间:2017-09-27 18:45:46      阅读:333      评论:0      收藏: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配置路由

原文:http://www.cnblogs.com/js0618/p/7602993.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!