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