Vue.js是一個流行的開源JavaScript框架，用于構建交互式用戶界面和單頁應用程序。在Vue.js中，我們可以使用id屬性選擇和操作DOM元素。

<div id="app"></div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
})
</script>

在上面的代碼中，我們定義了一個id為“app”的div元素。然后我們創建了一個Vue實例并將其掛載到div元素上。Vue實例的數據中包含了一個message屬性。我們可以在HTML中使用{{ message }}插值語法來顯示該屬性。

<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
})
</script>

當我們運行上面的代碼時，我們會在頁面上看到“Hello, Vue!”這個文本。如果我們希望修改message屬性，只需在Vue實例中更新數據即可。

<div id="app">
{{ message }}
</div>
<button v-on:click="updateMessage">更新信息</button>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
},
methods: {
updateMessage: function () {
this.message = 'Vue rocks!'
}
}
})
</script>

在上述代碼中，我們添加了一個按鈕，用于觸發updateMessage函數。該函數將更新Vue實例的message屬性，并在頁面上更新相應的文本。

總之，id在Vue.js中是一個重要的DOM屬性，可以讓我們方便地選擇和操作元素。在Vue實例中，我們可以使用數據綁定和方法來更新DOM元素。