vue学习笔记

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跳转       //to的值对应routes.path

     3.1.2带参数的跳转:带参数的跳转

 3.2.this.$router.push('xxx')，如this.$router.push({path: '/demo'});

vue-redux常用配置可以参考该帖：https://www.cnblogs.com/tugenhua0707/p/8068075.html