vue .js组件注册

全局注册也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。在所有子组件中也是如此,也就是说这三个组件在各自内部也都可以相互使用。
Vue.component(‘component-a’, { /* … / })
Vue.component(‘component-b’, { /
/ })
Vue.component(‘component-c’, { /
… */ })

new Vue({ el: ‘#app’ })

局部注册你可以通过一个普通的 JavaScript 对象来定义组件:
var ComponentA = { /* … / }
var ComponentB = { /
/ }
var ComponentC = { /
… */ }
然后在 components 选项中定义你想要使用的组件:

new Vue({
el: ‘#app’,
components: {
‘component-a’: ComponentA,
‘component-b’: ComponentB
}
})
对于 components 对象中的每个属性来说,其属性名就是自定义元素的名字,其属性值就是这个组件的选项对象。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值