首页 > 其他 > 详细

[学习记录]vue-router初步

时间:2019-06-11 21:16:11      阅读:85      评论:0      收藏:0      [点我收藏+]

vue-router起到了很重要的组件调度功能,这里只简单介绍下基本功能,以后有时间会把整个文档梳理一遍

 

 

最简单的路由就是在html中嵌入如下标签

<router-link to="/whereyouwanttogo">gogogo</router-link>

被路由的组件将出现在router-view标签中

<router-view></router-view>

 

然后再main.js中要加入router

import router from ‘./router‘

new Vue(
{
...
router,
...

}
)

在router文件夹中新建index.js

导入所有的组件,并且给定路由,下图为例

Vue.use(Router)

export default new Router({
  routes: [
    { path: ‘/‘, name: ‘Home‘, component: Home },
    { path: ‘/about‘, name: ‘About‘, component: About },
    { path: ‘/contact‘, name: ‘Contact‘, component: Contact },
    { path: ‘/myvue‘, name: ‘MyVue‘, component: MyVue }
  ]
})

 

[学习记录]vue-router初步

原文:https://www.cnblogs.com/trickofjoker/p/11005565.html

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