vue组件

作者: 单ccc | 来源:发表于2017-03-22 18:04 被阅读0次

vue组件

标签(空格分隔): vue


组件可以扩展HTML元素,封装可重用代码。

注册

组件的注册有两种:

  • 全局注册
    使用Vue.component(tagName, options)注册全局组件
<div id="example">
  <my-component></my-component>
</div>
//-----------------------------------
// 注册
Vue.component('my-component', {
  template: '<div>A custom component!</div>'
})
// 创建根实例
new Vue({
  el: '#example'
})

渲染为:

<div id="example">
  <div>A custom component!</div>
</div>
  • 局部注册
    通过使用组件实例选项注册,可以使组件仅在另一个组件的作用域中可用。

相关文章

网友评论

      本文标题:vue组件

      本文链接:https://www.haomeiwen.com/subject/ditanttx.html