在Vue中封裝一個id可以說是十分常見的操作，因為id是用來標識DOM元素的唯一標識符，對于前端界面的開發而言非常重要。

Vue提供了很多方式來封裝id，下面是其中幾種比較常見的方式：

new Vue({
el: '#app',
data: {},
methods: {},
computed: {},
filters: {},
directives: {}
});

其中el屬性指定了Vue實例所掛載的DOM節點，可以是元素ID、選擇器或DOM節點本身。在這個例子中，Vue實例被掛載到了id為app的DOM節點上。

Hello Vue!

在以上代碼中，我們可以看到Vue實例所掛載的DOM節點的ID是app。

除了使用el屬性指定Vue實例所掛載的DOM節點ID，Vue還提供了另一種方式，那就是在Vue實例內部通過$el屬性設置。

new Vue({
data: {},
methods: {},
computed: {},
filters: {},
directives: {}
}).$mount('#app');

以上代碼中，我們可以看到，Vue實例先初始化，然后通過$mount方法將其掛載到DOM節點ID為app的節點上。

除此之外，如果你想在一個組件內部封裝ID，可以通過在組件內部定義一個ID變量，然后在template模板中使用這個變量。

Vue.component('my-component', {
template: '<div :id="myId">這是我的組件</div>',
data: function() {
return {myId: 'my-component-id'}
}
});

此時，我們可以在template模板中看到，我們為組件封裝了一個名稱為myId的變量，在模板中直接使用這個變量設置組件ID。

以上就是Vue中封裝ID的幾種方式，根據實際需求選擇對應的方式進行操作即可。