vue.js實(shí)現(xiàn)兩個(gè)頁(yè)面之間的通信

你說(shuō)的情況是沒(méi)有做成spa吧？
spa直接使用vue vuex vue-router全家桶
多頁(yè)面的話(huà)提供幾個(gè)思路，復(fù)雜度從高到底：

• 服務(wù)端用node做后端渲染
• 使用后端路由，node、php等，然后如果沒(méi)有seo需求，你在頁(yè)面嵌入vue
• 跳轉(zhuǎn)時(shí)在使用querystring，例如/item?id=1，還可以存在cookie和localstorage里，不過(guò)不推薦

使用vue-router的動(dòng)態(tài)路由匹配，參考https://router.vuejs.org/zh-c...

用這種方式，定義路由，比如：

const List = {
  template: '<div>List</div>'
}
const Detail = {
  template: '<div>Detail</div>'
}

const router = new VueRouter({
  routes: [
    // 動(dòng)態(tài)路徑參數(shù) 以冒號(hào)開(kāi)頭
    { path: '/lists', component: List },
    { path: '/lists/:id', component: Detail }
  ]
})

然后在detail頁(yè)面中，通過(guò)this.$route.params.id來(lái)獲取id，不需要通過(guò)split去獲取

可以使用vue-router傳遞參數(shù)

// 頁(yè)面A
methods: {
    toDetail() {
        this.$router.push({
            path: 'xxx',
            params: { id: xxx }
        })
    }
}

// 詳情頁(yè)
methods: {
    getId() {
        this.id = this.$route.params.id
    }
}