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配置路由的主要内容,如果未能解决你的问题,请参考以下文章
Vue2.0的变化———vue2.0动画的变化vue-2.0路由的变化
Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段