vue vue-router 路由 路由懒加载技术

Vue.use(VueRouter);//将路由注入到所有的子组件
只要属于vue 都能得到vue-router
  vue-router 是集中式管理 而 react-router不是集中式管理
 路由就是一个路径对应一个组件 所以路由也可以认为是一种动态组件
=======================================================================================
=====
Vue.use(VueRouter);//将路由注入到所有的子组件
 路由就是一个路径对应一个组件

 异步组件 ： 就是按需加载  一个函数返回一个组件的引用 组件被访问的时候才会被加载出来

路由懒加载技术 使用了webpack的代码切割功能 加快首页访问速度

 webpack 会将所有的逻辑打包成一个js文件 所以用户访问的时候需要加载所有的js逻辑文件才能打开页面
 全部加载才能打开页面 加载速度会很慢 

一个大的js文件 bound.js 切割出一个首页的chunk.js 当用户访问的时候再从服务器响应相应的资源

 component: () =>
 import(/* webpackChunkName: "Friends" */ "../pages/Friends.vue")
  webpackChunkName 用于定义当前切割出来的块的名字  /* webpackChunkName: "ycyname" */ 这个注释其实是
 有一定作用的

router-view 用于展示路由 是路由的出口

一种标签 可以用于跳转路由 一种封装后的a标签
 to属性 : <string> | <object> 对象或者字符串
<router-link to="/my">朋友</router-link>|