Vue頁面、組件之間傳參方式繁多,此處羅列出常用的幾種方式,歡迎審閱補充。
這里的路由傳參以編程式 router.push(...)
為例,聲明式
與之類似。此處模擬情景為從 componentsA.vue
頁面跳轉(zhuǎn)到 componentsB.vue
頁面?zhèn)鲄ⅰJ紫?,路由配置信息如下?/p>
router.js
import Vue from 'vue' import Router from 'vue-router' import componentsA from './components/componentsA' //在components下創(chuàng)建componentsA.vue import componentsB from './components/componentsB' //在components下創(chuàng)建componentsB.vue Vue.use(Router) export default new Router({ routes:[ { path:'/componentsA', name:'componentsA', component:componentsA }, { path:'/componentsB', name:'componentsB', component:componentsB } ] })