vue路由（一）

写在前面：以后有关vue的博文，不重复说明，均已vue+webpack为基础。
过年和怀孕一样，脑子也会傻！年后第一天上班的我，感觉脑子里都是油。嘿嘿嘿。
用了很久路由，今天总结下……之后陆续更新。

先说下最最基础的用法：-----类似选项卡的操作

结构搭建

<div class="container">
	<router-link to="/aa">aa</router-link>
	<router-link to="/bb">bb</router-link>
</div>
<router-view></router-view>

router.js中引入需要的模块

import aa from '@/components/a'
import bb from '@/components/b'
export default new Router({
  routes: [
		{
			path:'/aa',
			name:'aa',
			component:aa
		},
		{
			path:'/bb',
			name:'bb',
			component:bb
		}
  ]
})

注意： 功能需求：需要引入各个子模块+以上的tab面板切换。(这个地方我也不明白怎么说，大概意思是我在app.vue里面使用了router-view导入了index.vue模块，index.vue模块中也使用了router-view做以上功能，发现只要点击就跳转。)
解决办法如下：
结构写法，同上。以上的结构代码，写在app.vue里面。但目前根据需求，代码需要放在自己创建的模块中。我的模块叫index.vue。

router.js中需要改成子路由

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index,
			children:[
				{
					path:'/aa',
					name:'aa',
					component:aa
				},
				{
					path:'/bb',
					name:'bb',
					component:bb
				}
			]
    }
  ]
})

这样又可以模块导入，又可以类tab切换。

好了，先写这么多……过年吃的有点多，哈哈哈嗝，嘿嘿。