社区
JavaScript
帖子详情
vue组件化开发问题
qq_14824913
2021-04-29 09:54:34
vue项目里采用了组件化开发,发现有些组件功能太多或者插槽嵌套了其他组件,开发相对会比单独页面慢些例如调样式自适应,也不便于开发新功能,比单独开发vue页面开发起来更慢!相当于是创建属于自己的组件库了…接手项目的人也会一脸懵逼吧,难道为了速度就改用单独每个vue页面开发吗?老板都只看成果…[face]emoji:041.png[/face]
...全文
438
3
打赏
收藏
vue组件化开发问题
vue项目里采用了组件化开发,发现有些组件功能太多或者插槽嵌套了其他组件,开发相对会比单独页面慢些例如调样式自适应,也不便于开发新功能,比单独开发vue页面开发起来更慢!相当于是创建属于自己的组件库了…接手项目的人也会一脸懵逼吧,难道为了速度就改用单独每个vue页面开发吗?老板都只看成果…[face]emoji:041.png[/face]
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
温柔于心动
2021-05-10
打赏
举报
回复
组件化开发,就是把常用的代码块进行封装,也会优化打包的项目
Git_Yang
2021-05-08
打赏
举报
回复
写之前尽量地去思考这个组件会不会被复用 如果复用性不高 不建议开发成公用组件。平白无故的去开发一些公用组件导致数据的传输也会复杂化,看起来杂乱无章
泡泡鱼_
2021-04-30
打赏
举报
回复
这个你得分两种情况来看吧。假设你现在有个页面了,想对其中某个view做你说的调试修改之类的。因为它集成了很多其他组件。所以,当然需要你对这些组件也要有相对的了解才行 但是,你新做一个view,它不就是全新的了吗?单页面,但内在的view本身是可以独立开发的呀,又不是所有的全在一个“文件”中进行开发。这个和其他的view的复杂程度就没关系了吧。 然后,回过头来。我们假如说,你因为说对一个view(假如是A)难调试,新建一个view,重新开发一个和A一样的,然后把你说的那些样式呀,自适应呀,新功能呀之类的弄好。然后,你做完了。你是不是会发现。其实在和A重叠的功能部分,其实和A基本上是一样的。你还就只是做了某些修改而已??只不过,你在重新开发的过程中,对那些A里面集成的组件有了更多的认知而已。所以,这其实就回以上面说的了。你需要对这些组件也要有相对的了解才行。 这就是大家都不喜欢去对其他人的代码进行直接维护的原因。因为需要你先理解另一个人,甚至是N个人的思路。你才能加入自己的东西…… 这也就是大家都希望其他人写代码也足够规范的原因,因为能提升代码可读性,让别人更容易明白 这也是像vue中加入ts支持的一个原因点。类型的声明与约束,可以辅助你提升代码的可读性
最后,别光说Vue了,任何框架。你用复杂了。都一样。就即使是你百分百完全手写的代码,你隔个一年半载的不看它,不动它。然后突然你来看它。你还有当初开发时的那种得心应手的感觉吗?
Vue
组件
化
开发
实战:核心原理与高频
问题
解析
组件
化
开发
是前端工程
化
的核心思想,它将复杂的页面拆分为可复用、可隔离、可协作的独立模块,是构建大型应用的基础。其原理在于通过props、emit、插槽等接口实现数据流和逻辑的清晰划分,同时借助生命周期管理
组件
的创建、更新与销毁。
组件
化
的技术价值体现在提升代码维护性、团队协作效率和项目可扩展性上,广泛应用于中后台系统、跨端项目以及高复用业务场景。本文以
Vue
组件
化
学习第27天为切入点,深入讲解
组件
拆分原则、通信机制、调试工具链,并针对m3u8视频流播放、el-upload文件数量获取、地图二次打开空白、圆环进
vue
-编程基础-
组件
化
开发
传参
问题
-08
组件
化
开发
传参
问题
组件
分类 全局
组件
:在全局都可以使用的
组件
局部
组件
:只在局部位置起作用(父
组件
下)的
组件
根
组件
:根
组件
就是创建
VUE
的对象,本身就是根
组件
## 父子
组件
的使用方式
组件
的html中的代码 使用
VUE
的html文件基本样式 <!--
VUE
创建的根元素 --> <div id='app'> <父
组件
></父
组件
> </div> 根
组件
// 这是使用
VUE
的基本方式,同时也是创建根
组件
的方式 let app
webpack4.5.0+
vue
2.5.16+
vue
-loader 实战
组件
化
开发
案例以及版本
问题
中踩的一些大坑!!!...
一
vue
-loader 我们先不管脚手架,只说
vue
-loader,简单讲就是可将.
vue
文件打包,实现
组件
化
开发
,即一个.
vue
文件就是一个
组件
,
开发
中只需要引入这个.
vue
组件
就可以了! 然后.
vue
文件的特性: , 即一个.
vue
中包含了模板,js,css三个模块来描述这个
组件
! 二 新建webpack项目(超级多坑,一一来说) 首先新建demo目录,初始
化
npm init ...
vue
04
组件
化
开发
Vue
自动
化
工具
5.
组件
化
开发
5.1
组件
[component]
组件
(Component)是自定义封装的功能。在前端
开发
过程中,经常出现多个网页的功能是重复的,而且很多不同的网站之间,也存在同样的功能。 而在网页中实现一个功能,需要使用html定义功能的内容结构,使用css声明功能的外观样式,还要使用js来定义功能的特效,因此就产生了把一个功能相关的[HTML、css和javascript]代码封装在...
VUE
组件
化
开发
组件
化
开发
也许根本就没有终极理论,而且即便有我们也找不到。但是努力寻求完整的理解总比对人类精神的绝望要好得多。 ——霍金《霍金讲演录》 文章目录
组件
化
开发
一、
组件
化
开发
介绍1.
组件
是什么?有什么用?
组件
的分类:工程
化
开发
之后:2.什么是
组件
化
?人面对复杂
问题
的处理方式:
组件
化
也是类似的思想:
组件
化
定义:3.
Vue
组件
化
思想
组件
化
是
Vue
.js中的重要思想
组件
化
思想的应用:二、
组件
编写方式1.
组件
注册基本步骤2.注册
组件
步骤解析1.
Vue
.extend():2.
Vue
.component
JavaScript
87,984
社区成员
224,681
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章