1.router使用方法:
step1项目引入:
import Vue from 'vue'; import VueResource from 'vue-resource';
Vue.use(VueResource ); //注意这一步,要将两者关联起来
step2常用配置:
mode:访问路径的带不带#号 hash-带 history-不带
base:基路径,如 '/page/app'
routes:路由列表 routes.path-路径 routes.name-路径别名,要求唯一便于跳转 routes.children-路由嵌套,这里注意子路由的 path不需要以‘/’开头
components:对应显示的组件,建议使用懒加载,如
component: resolve => require(['@/views/HelloWorld'], resolve)
2.如何传参:
step1 routes.path中加冒号‘:’,如path: '/helloworld/:name', 对路径做拦截,这种类型的链接后面的内容会被vue-router映射成name参数
step2 若以 http://localhost:8080/page/app/helloworld/age=1 形式,则this.$route.params.age获取 ;
若http://localhost:8080/page/app/helloworld?age=1,则this.$route.query.age
3.如何跳转:
3.1.link跳转
3.1.1<router-link to="/demo">跳转</router-link> //to的值对应routes.path
3.1.2带参数的跳转:<router-link to="/demo" query={'id': 22, 'name': 'kongzhi'}>带参数的跳转</router-link>
3.2.this.$router.push('xxx'),如this.$router.push({path: '/demo'});
vue-redux常用配置可以参考该帖:https://www.cnblogs.com/tugenhua0707/p/8068075.html