Vue 作為一款主流的前端框架，它所擁有的許多特性可以應用于 app 的開發中。下面我們將介紹如何用 Vue 做 app 的教程。

第一步，安裝 Vue。

npm install vue

第二步，創建一個 Vue 應用。

var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

在這段代碼中，我們將一個新的 Vue 實例掛載到一個 HTML 元素上，這里是 id 為 app 的元素。在 data 屬性中，我們定義了一個 message 變量，并將其初始值設為 “Hello Vue!”。

第三步，創建組件。

Vue.component('my-component', {
template: '
A custom component!
'
})

這里創建了一個名為 my-component 的組件，template 屬性中是組件的 HTML 內容。現在我們可以在 app 中使用這個組件。

第四步，構建 app。

{{ message }}

在這個例子中，我們引入了之前創建的 my-component 組件，以及展示 message 變量的 p 標簽。Vue 會將這些組件和標簽渲染到頁面上。

第五步，添加交互。

var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
changeMessage: function () {
this.message = 'New message!'
}
}
})

在這里，我們定義了一個新的 methods 屬性，里面包含一個叫做 changeMessage 的函數，它用于改變 message 變量的值。接下來，在 HTML 中，我們為 p 標簽添加一個按鈕來調用這個函數。

{{ message }}
Change message

現在，當用戶點擊按鈕時，它會調用 changeMessage 函數，從而改變 message 變量的值。Vue 會自動更新 HTML 中相關的內容。

以上是用 Vue 做 app 的一些基礎教程。當然，Vue 還有更多的功能和特性可以發掘，例如路由、狀態管理等等，這些功能可以更好地幫助我們構建更復雜的 app。