vue 组件化开发基本思路2

开课吧所有web全栈课程(12468期都包括)

http://www.itjiaocheng.com/youzhi/26205.html

好,我们继续,我们考虑全局数据:

那么关于数据的操作

剩下的就是在组件中调用了很简单了!

至于动态事件的添加操作就不值一提了!

 

总结, 组件化开发,1,拆组件,2, 静态页面,3,考虑数据的问题

是放到全局store 中,还是放到自己的 data 中, 

然后动态页面的基本显示

4, 就是 添加事件,动态联动!

——————————————————————————————————————

vuex 基本写法,我们基本会了,但是getters 和module 和MapState mapactions 等我们还没有掌握,下面就是对

它们的进一步掌握!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Vue组件的二次封装,可以考虑以下思路: 1. 组件功能的抽象:首先要明确组件的功能和用途,并将其抽象。考虑组件在不同场景下的灵活性和可复用性。 2. Props 参数的处理:通过Props参数,可以将组件的配置参数暴露给父组件,使得父组件可以对组件进行配置。可以考虑设置默认值、类型检查等,以提高组件的健壮性。 3. 插槽的使用:Vue的插槽机制可以使得组件更具灵活性。可以将插槽用于组件内部的内容分发,使得父组件可以自定义组件部分内容。 4. 事件的处理:通过自定义事件,可以让父组件与子组件进行通信。可以考虑在适当的时机触发自定义事件,并在父组件中监听并处理事件。 5. 样式的定制:通过为组件添加CSS类名或样式绑定,可以使得组件的样式更具可定制性。可以考虑提供一些预设的样式选项,或者通过CSS变量来动态调整样式。 6. 组件的复用:在封装组件时,要考虑到组件的复用性。可以将一些通用的逻辑和样式提取出来,形成独立的Mixin或者公共组件,以方便在项目中复用。 7. 文档和示例的编写:在封装组件的同时,要编写清晰的文档和示例,方便其他开发人员使用和理解组件的功能和用法。 总结起来,Vue组件二次封装的思路是明确组件的功能和用途,通过Props参数、插槽、事件等机制,提高组件的灵活性和可复用性,并编写清晰的文档和示例。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值