社区
JavaScript
帖子详情
vue组件化开发问题
qq_14824913
2021-04-29 09:54:34
vue项目里采用了组件化开发,发现有些组件功能太多或者插槽嵌套了其他组件,开发相对会比单独页面慢些例如调样式自适应,也不便于开发新功能,比单独开发vue页面开发起来更慢!相当于是创建属于自己的组件库了…接手项目的人也会一脸懵逼吧,难道为了速度就改用单独每个vue页面开发吗?老板都只看成果…[face]emoji:041.png[/face]
...全文
337
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
组件
化
开发
文章目录
Vue
组件
化
开发
组件
化
开发
:
Vue
实例方法与属性
Vue
.extend与
Vue
.Component全局指定、
组件
、方法实例:Popup插件的封装
Vue
组件
化
开发
组件
化
开发
: 1、
组件
化
开发
指的是将复杂的业务拆分为一个有一个的
组件
2、
组件
化
开发
的
组件
一般来说要灵活 3、
组件
化
开发
涉及到了
Vue
的js
组件
封装,需要掌握
Vue
基础、
Vue
实例方法与属性、
Vue
.extend、
Vue
插件等知识...
Vue
基础知识总结 4:
vue
组件
化
开发
一、函数式编程 1、函数式编程简介 函数式编程是种编程方式,它将电脑运算视为函数的计算。函数编程语言最重要的基础是λ演算(lambda calculus),而且λ演算的函数可以接受函数当作输入(参数)和输出(返回值)。 和指令式编程相比,函数式编程强调函数的计算比指令的执行重要。 和过程
化
编程相比,函数式编程里函数的计算可随时调用。 filter函数自动过滤对象的所有元素,返回true才会存入指定对象; Reduce函数对数组内部的所有元素进行汇总; 2、代码实例 <!DOCTYPE
Vue
组件
化
开发
模块
化
(
组件
化
)
开发
按照功能(或按照复用性)把一个页面拆成各个板块(模块),每一个模块都是一个单独的文件(单独的
组件
),最后把各个模块(
组件
)拼在一起即可!! 目的 :方便团队协作
开发
实现复用
组件
分类 功能型
组件
「UI
组件
库中提供的一般都是功能型
组件
:element/iview/antdv/vant/cube..」 + 一般UI
组件
库提供的功能
组件
就够用了 + 偶尔UI
组件
库中不存在的,才需要自己封装「难点」 + 我们经常会把功能型
组件
进行二次封装(结合自己项目...
Vue
——
组件
化
开发
我们在复用
组件
的时候肯定希望,各自
组件
用各自的变量,如果确实需要都用一样的,可以全局
组件
注册,也可以是用
vue
x来进行状态管理。注意:
组件
就是一个
vue
实例,
vue
实例的属性,
组件
也可以有,例如data、methods、computed等。的count是各自用各自的,像局部变量一样有块级作用域,这个块级就是
vue
组件
的作用域。 父
组件
访问子
组件
,有时候需要直接操作子
组件
的方法,或是属性,此时需要用到。
组件
的思想是复用,定义
组件
当然是把通用的公共的东西抽出来复用。并不保证顺序,也不是响应式的。...
vue
组件
化
的优点
1.
组件
化
是独立和可复用的代码组织单元。
组件
系统是
vue
核心特性之一,它使
开发
者使用小型、独立和通常可复用的
组件
构建大型应用; 2.
组件
化
开发
能大幅度提高应用
开发
效率、测试性、复用性等; 3.
组件
使用按分类有:页面
组件
、业务
组件
、通用
组件
; 4.
vue
的
组件
是基于配置的,我们通常编写的
组件
是
组件
配置而非
组件
,框架后续会生成其构造函数,它们基于
Vue
Component,扩展于
Vue
; 5.
vue
中常...
JavaScript
87,921
社区成员
224,619
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章