前端Vue的组件化的思想以及创建组件的步骤

1、认识组件化

人面对任何一个人处理信息的逻辑能力都是有限的,所以当面对一个复杂的问题的时候,我们不太可能一次性搞定一大堆内容。

  • 但是我们可以将问题进行拆解
  • 组件化就是我们将一个页面拆分成一个个的小的功能块,每个功能块完成属于自己的这部分独立的功能,那么大的问题也就迎刃而解了。
    在这里插入图片描述
    组件化是Vue.js中的重要思想
  • 它提供了一种抽象,让我们可以开发出一个个独立 可复用的小组件来构造我们的应用。
  • 任何的应用都会被抽象城一颗组件树
    在这里插入图片描述
  • 组件化的思想的应用:
    • 有了组件化的思想,我们在之后的开发中就要充分的利用它。
    • 尽可能的将页面拆分成一个个小的,可复用的组件。
    • 这样让我们的代码更加方便组织和管理, 并且扩容性也更强。

2、注册组件

2、1 注册组件的基本步骤

  • 注册组件分为三个步骤

    • 创建组件构造器
    • 注册组件
    • 使用组件
      在这里插入图片描述
  • 那么如何通过代码来注册组件?

 <div id= "app" >
        <!--3、使用组件-->
        <my-cpn></my-cpn>
     </div>
    
    
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值