在前端開發中，我們經常需要存儲某些頁面的唯一標識符以便進行后續操作，而Vue提供了很多方便的方式來實現這個目標。

一種簡單的方法是通過在頁面的data中定義一個屬性來存儲頁面id。

data () {
return {
pageId: 123
}
}

然后在需要使用頁面id的地方，就可以通過this.pageId來引用它了。

另外一種方法是通過Vue的路由功能來實現。

首先，在路由配置中定義一個屬性來存儲頁面id：

const routes = [
{
path: '/page1',
name: 'page1',
component: Page1,
meta: {
pageId: 123
}
},
{
path: '/page2',
name: 'page2',
component: Page2,
meta: {
pageId: 456
}
}
]

然后在頁面組件中，可以通過this.$route.meta.pageId來獲取頁面id。

這樣做的好處是，可以將頁面id與頁面路由相對應，使得頁面id更加清晰易懂。

另外，如果項目使用了Vuex來進行全局狀態管理，那么也可以將頁面id存儲在Vuex中。

首先定義一個state來存儲頁面id：

const state = {
pageId: ''
}

然后定義一個mutation來更新頁面id：

const mutations = {
SET_PAGE_ID: (state, pageId) =>{
state.pageId = pageId
}
}

在需要使用頁面id的地方，可以通過Vuex的mapState和mapMutations方法來進行引用和修改：

import { mapState, mapMutations } from 'vuex'
export default {
computed: {
...mapState(['pageId'])
},
methods: {
...mapMutations(['SET_PAGE_ID'])
}
}

總之，無論是在data中、路由配置中、還是Vuex中存儲頁面id，Vue都提供了很多方便的方法來實現這個目標，開發者可以根據具體情況選擇最適合自己的方式。