vue 组件

Vue组件是可复用的代码块,用于构建大型应用。它们提高了代码的可维护性和开发效率,避免了重复工作。组件可以像HTML元素一样在页面中多次使用。在Vue中,可以通过局部注册方式创建组件:导入组件、注册组件和在模板中使用。例如,导入`nav.vue`组件,然后在`components`对象中注册,并在模板中以`<my-nav></my-nav>`的形式使用。
摘要由CSDN通过智能技术生成

是什么

  • vue组件是什么?
    在这里插入图片描述整个页面可以看成一个容器,页面又头部,内容,底部组成。其中头部为一个组件,内容也是一个组件,底部又是一个组件。

为什么

  • 在传统项目中,我们想要重复使用导航栏,只能一个一个页面复制粘贴,这样很麻烦,解决这一问题可以使用组件。
  • 传统项目中,重复使用导航栏,需要维护的时候,要一个个页面修改,解决这一问题可以使用组件。

总而言之,组件可以更好的维护项目,可以提高提高效率,不用重复工作。

怎么做

一、关于局部注册

1.在使用的文件中,导入组件

import MyNav from '@/components/nav.vue'

2.注册组件
在vue对象添加属性 " components "

components:{
	MyNav
},

3.使用组件
导入时使用驼峰命名法,使用时,要用 " - " 连接

<my-nav></my-nav>
//可以重复使用
<my-nav></my-nav>
<my-nav></my-nav>
<my-nav></my-nav>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值