vue-router

vue-router 

安装npm install vue-router

注： 使用vue init 安装项目选择了需要vue-router(在询问是否需要router时选择yes)，不需要在安装

引入

    在main.js中引入

        import VueRouter from 'vue-router'

    作为插件

       Vue.use(VueRouter)

   实例化路由

let router = new VueRouter({  // 选项对象
		mode: 'history/hash(默认)',
		routes:[ // 路由规则配置
			{
				path: 路径,
				component: 组件
			}
		]
	})

 把实例注入到new Vue

new Vue({
	...
	//router:router
	router
})

   

告诉router，需要把组件渲染在哪一个位置
    app.vue中写上一个标签，<router-view></router-view>

    router-view标签将来会被匹配到的路径对应的组件替换掉