Vue.js元件
元件是介面的單一、獨立單位。它們可以擁有自己的狀態、標記和樣式。 如何使用元件 Vue 元件可以以四種主要方式定義。 讓我們用程式碼來談談。 第一種方式是： new Vue({ // 選項 }) 第二種方式是： Vue.component('component-name', { // 選項 }) 第三種方式是使用區域元件 (local components)：這些元件僅在特定元件中可存取，而在其他地方則無法使用（非常適合封裝）。 第四種方式是在 .vue 檔案中，也稱為單一檔案元件 (Single File Components)。 讓我們詳細探討前三種方式。 在建構不是單頁應用程式 (Single Page Application, SPA) 的應用程式中使用 new Vue() 或 Vue.component() 是使用 Vue 的標準方式。比如在聯絡表單或購物車等部分頁面中使用 Vue.js。或者可能 Vue 是在所有頁面中使用，但是伺服器渲染版面配置，並將 HTML 提供給客戶端，然後載入您建立的 Vue 應用程式。 在 SPA 中，由 Vue 建構 HTML 的情況下，使用單一檔案元件 (Single File Components) 是更常見的做法，因為它們更方便。 您可以通過將 Vue 控制項掛載到 DOM 元素上來實例化 Vue。如果您有一個 <div id="app"></div> 標籤，您將使用： new Vue({ el: '#app' }) 使用 Vue....