vue组件一直注册不了_Vue组件的注册使用

本文介绍了Vue组件的注册和使用,包括全局注册与局部注册的详细步骤、使用场景及优缺点。通过示例展示了如何实现累加效果,并讨论了在实际项目中组件的模块化导入和自动全局注册的方法,为组件间的传参打下基础。
摘要由CSDN通过智能技术生成

前言:在单页面应用开发中,大多数情况下只有一个html页面,那么单页面的页面跳转,其实就是各组件之间的切换,那么这个组件其实就充当的是一个一个独立的html页面的角色,只不过这个组件之间可以复用,传值,随意调用,在vue中通常由(vue-router)和组件(component)来配合完成,那么这个component就是我们下来将要学习的组件。

什么是组件?

官方说组件是可复用的 Vue 实例,且带有一个名字,它与 new Vue 拥有相同的选项,比如它拥有生命周期钩子、data、computed、methods 等,与 new Vue 的唯一区别是不拥有 el 这样的根实例选项。

34cf80262d16ae855053a3ee4cd4474d.png

注册组件的两种方式

全局注册

Vue.component('my-component-name', {/*...*/})

局部注册

var ComponentA = { /*....*/ }new Vue({  el: '#app',  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值