网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
02月01日漏签0天
前端吧 关注:224,673贴子:1,394,274
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 4回复贴,共1页
<<返回前端吧
>0< 加载中...

求助求解vue抽组件的原则是什么?

  • 只看楼主
  • 收藏

  • 回复
  • 神勇的密瓜
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
真的很纠结…
比如现在页面有如下元素:
1. 学生数据列表
2. 教师数据列表
3. 学生教师曲线图
三者有联动关系,比如点击学生某一行数据,可以调用服务,筛选出教师和曲线图的相关数据。
按同事说法,业务代码都放在一个文件中太长了,所以要拆成组件。但我在开发过程中发现三者的关联性太强了…绑了好多props和方法,组件间通信起来很乱。
想问下大佬们有什么好的建议吗,有没有组件通信起来清晰简单,各模块代码又不会堆叠在一起的方法呢


  • 女皇号
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
单个组件代码200行左右就行


2026-02-01 11:35:17
广告
不感兴趣
开通SVIP免广告
  • 女皇号
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
按照这个场景就是1父三子,子组件只关心自己的业务


  • 丿一剑封喉丶
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
1. 能抽尽量抽,避免单文件一坨shit(一千行或者几千行往上,尽量控制在200行左右,或者500行也能接受)
2. 组件通信觉得很麻烦的话,需要思考一下组件的设计,比如如何正确传值,是不是真的需要那么多props,另外做好组件的注释,完全没啥问题
3. 不想组件间通信,可以用状态管理工具,vuex 或者 pinia
4. 万物皆可抽,CSS 样式文件过长也可以抽出来一个 CSS 文件,用@import引入,这种做法就类似微信小程序的各文件独立,各司其职,不强行叠在单文件里


  • 塔里斯议员丶
  • 江湖少侠
    6
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
那就不抽,组件化的目的是简化开发难度,减少重复工作量。不要为了组件化而组件化,不然就弄巧成拙了。像你说的,抽出组件会带来通信的麻烦,那就不抽离,怎么方便业务怎么来。至于代码行数多,你可以把逻辑部分拿出来作为mixin引入,这样一个文件里的代码行数就没那么多了。


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 4回复贴,共1页
<<返回前端吧
分享到:
©2026 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示