vue中插件router在vue项目中使用对比于vue.js

1.vue插件之：vue-router
  在vue.js中使用：
    1）初始化路由：
      let foo = { template : `<div>nihao<div>` }
        \\\对应于vue项目中：router.vue页面并且export default暴露出去
      let router = new VueRouter( routes: [{ path: 'foo', component: foo }] );
	\\\对应于router/index.js中  new VueRouter ( ....)  并且导出，其中foo是import   router.vue

    2) 组件注册：
      new Vue( { el: "#app", router} );
      	\\\对应于vue项目中：main.js中  其中router在router/index.js包装好了
	    new Vue( { render: h => h(App), router } ).$mount( 'app' )

    3) 在页面中显示
      //跳转
      <router-link />
      <router-view />
          ///本来是vue.js中是写在：div中：
	         这个写在.vue中