Vue.js是一款流行的JavaScript框架，它提供了許多有用的API，可幫助開發人員創建交互式和高級Web應用程序。本文將介紹一些常用的Vue.js基礎API。

Vue.js是一個響應式框架，可以將數據與視圖綁定。可以用v-bind指令綁定數據，用v-on指令監聽事件。下面是一個簡單的Vue實例：

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

上面的代碼創建了一個Vue實例，并將其掛載在id為“app”的元素上。數據對象包含一個屬性message，值為“Hello Vue!”。接下來，在HTML里可以使用這個變量。使用插值語法如下：

{{ message }}

這將在頁面上顯示“Hello Vue!”。

下面是一些Vue常用的指令：

• v-if：根據條件渲染元素
• v-for：渲染循環數據
• v-bind：將數據綁定到HTML屬性
• v-on：綁定事件監聽器
• v-model：雙向數據綁定
• v-show：根據條件展示元素
• v-cloak：防止FOUC（無樣式內容閃爍）

下面是一個v-for的示例：

{{ item }}

上面的代碼創建了一個包含多個item元素的列表。使用v-for指令循環渲染這些元素。在這種情況下，數據源是Vue實例的items數組。Vue.js會自動為每個數組元素創建一個“item”變量。

這些是Vue.js的一些基礎API的介紹，它們可以幫助您在創建Vue應用程序時更快更輕松地編寫代碼。