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,697评论 3 32
  • 此文基于官方文档,里面部分例子有改动,加上了一些自己的理解 什么是组件? 组件(Component)是 Vue.j...
    陆志均阅读 3,866评论 5 14
  • 之前学过vue,上一个项目做小程序,发现跟vue差不多,于是给一个星期的时间自己重拾vue,但是发现高估了自己,并...
    还有谁叫李狗蛋阅读 512评论 1 1
  • 官方文档讲的比较模糊,自己通过例子进行理解。 v-model是语法糖 首先明确一点,v-model仅仅是语法糖。 ...
    DeeJay_Y阅读 14,432评论 3 6
  • 为什么会有这篇文章呢? 和之前的同事"我是你爸爸"讨论了关于组件化的事,对我有很大的启发。在此特别感谢"我是你爸爸...
    曹俊_413f阅读 1,856评论 0 14