Vue組件化應用構建 官網例子 Unknown custom element:

 【博客園cnblogs筆者m-yb原創，轉載請加本文博客鏈接，筆者github: https://github.com/mayangbo666，公眾號aandb7，QQ群927113708】

https://www.cnblogs.com/m-yb/p/10164853.html

 

 

 

組件系統是 Vue 的另一個重要概念，因為它是一種 抽象，允許我們使用小型、獨立和通常可復用的組件構建大型應用。我把這里理解為面向對象的思想.

 

在 Vue 里，一個組件本質上是一個擁有 預定義選項的一個 Vue 實例。

 

 

 

官網代碼優化 注意順序:

<div id='app-7'>
        <ol> 創建一個 todo-item 組件的實例 <todo-item></todo-item>
        </ol>
</div> // 定義名為 todo-item 的新組件 Vue.component('todo-item', { template: '<li>這是個待辦項</li>' }) var app7 = new Vue({ el: '#app-7' })

幾個注意點:

應該將要渲染的節點納入vue管理;

注意要先注冊組件, 再創建管理容器的Vue對象.