如何封装一个组件?封装组件有哪些原则?

如何封装一个组件:

1、使用Vue.extend()创建一个组件

2、使用Vue.component()方法注册组件

3、如果子组件需要数据,可以在props中接收定义

4、子组件修改好数据之后,想把数据传递给父组件,可以用emit()方法

data数据结构设计原则:

1、用数据描述所有的内容

2、数据呀结构化,易于程序操作,遍历,查找

3、数据要可扩展,以便增加新的功能

组件设计原则:

1、从功能上拆分层次

2、尽量让组件原子化,一个组件只做一件事情

3、容器组件(只管数据,一般是顶级组件)和展示组件(只管显示视图)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值