Vue components 屬性的理解

// 定義一個 Child 組件
var Child = {
  template: '<div>A custom component!</div>'
}

// 新的 Vue 實例
new Vue({
  el: '#example'
  // 在實例中使用 components 屬性注冊需要用到的組件
  components: {
    // 使用 key: value 的形式注冊 Child 組件，并命名為 my-component
    // 則 <my-component> 只在這個實例中可用
    'my-component': Child
  }
})

// 使用
<div id="example">
  <my-component></my-component>
</div>

參考：組件

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本文為2016年11月9日，『前端之巔』微信群在線分享活動總結整理而成，轉載請在文章開頭處注明來自『前端之巔』公眾...
    尾尾閱讀 10,648評論 3贊 32
  • 此文基于官方文檔，里面部分例子有改動，加上了一些自己的理解 什么是組件？ 組件（Component）是 Vue.j...
    陸志均閱讀 3,846評論 5贊 14
  • 之前學過vue，上一個項目做小程序，發現跟vue差不多，于是給一個星期的時間自己重拾vue，但是發現高估了自己，并...
    還有誰叫李狗蛋閱讀 512評論 1贊 1
  • 官方文檔講的比較模糊，自己通過例子進行理解。 v-model是語法糖 首先明確一點，v-model僅僅是語法糖。 ...
    DeeJay_Y閱讀 14,419評論 3贊 6
  • 為什么會有這篇文章呢？ 和之前的同事"我是你爸爸"討論了關于組件化的事，對我有很大的啟發。在此特別感謝"我是你爸爸...
    曹俊_413f閱讀 1,855評論 0贊 14