不同路由傳值：可以通過動態路由
1.配置動態路由(動態路徑引數 以冒號開頭)
routes:[ ,///:aid此處配置動態路由]
(get):,
2.在對應的頁面
this.$route.params獲取動態路由的值
get: this.$route.query
main.js：//import vueresource from 'vue-resource';
import vuerouter from 'vue-router';
vue.use(vuerouter);
//建立元件
import home from './components/home.vue';
import news from './components/news.vue';
import content from './components/content.vue';
//配置路由
const routes = [,,
,///:aid此處配置動態路由
/*預設跳轉路由*/
]//例項化router
const router = new vuerouter({
routes
content.vue：
我是詳情元件
news.vue
我是新聞元件
get傳值：
vue學習筆記 動態路由 hash和history
上一節講了vue router的基本配置和使用，這節來說動態路由 一 什麼是動態路由 動態路由就是url後面的一些值是可以動態變化的 二 這裡來配乙個動態路由 如下 userid可以動態變化 const routes 建立路由元件 使用者 export default 同時我們通過使用計算屬性 你也...
vue學習筆記 路由
1 路由配置 在vue.config中配置，則在 中可以使用 來表示src目錄下 import aa from aa index.js 2 單頁面可以懶載入 3 建立動態路由 路由中定義 載入同乙個元件頁面 argu.vue，根據不同的name 顯示不同的東西 vue元件中獲取資料 route.pa...
vue學習筆記之動態元件和v once指令簡單示例
點選按鈕時，自動切換兩個元件 當點選按鈕之後，會自動清除原來的元件，顯示新的元件。每一次切換，都需要銷毀 建立 但是這樣消耗有點大，所以我們在子元件中引用了v once指令，這樣可以將顯示在頁面中的元件存到記憶體中，不會完全銷毀。動態元件和v once指令 程式設計客棧 執行結果 感興趣的朋友可以使...