Vue工程化之路由

Today is Friday , the sun is very hot ,so I can’t study in classroom. Because My school 空调 is very low, like a fool !

首先在src/main.js入口文件中引入相关模块及组件

路由router

1. 在src/main.js入口文件中引入相关模块及组件
   注意引入router目录下的index.js这一步骤

   	首先在src下新建个router目录，然后在里面新建个index.js文件。
   

   此时通过import router from './router’便可以识别里面的index.js文件。例如webpack配置文 件webpack.base.conf.js中
   便可以默认识别config下的index.js文件

2. 安装 vue 路由模块vue-router和网络请求模块vue-resource
   因为还需要安装网络请求模块vue-resource，所以这里直接一步安装

   有的会注意到，最后面有个–save参数，这个是用来干嘛的呢？
   save和save-dev区别
   

(1)、构建工具：
webpack是用来压缩代码，打包等需要的工具，程序实际运行的时候并不需要，就要放在devDependencies项目开发依赖中，所以要用 -D
(2)、项目生产依赖：
例如element ui、echarts这种插件要在运行中使用的，就要放在项目生产依赖dependencies中，所以就用 -S

3. 配置路由选项及渲染App组件（src/main.js入口文件）
   
4. 创建路由，配置路由映射并导出（src/router/index.js）
   (1)：require读取模块
   
   (2)配置路由映射
   
   (3)导出路由配置
   
   5.设置链接router-link（src/App.vue）
   
   6.设置路由映射组件渲染router-view
   
   This is my description