一个Vue组件,js代码量应该控制在什么量

一个 Vue组件,js代码量应该控制在什么量,
怎么优化 一个组件,
当代码量过多时,现在超过1000行了。是不是把一些 函数放在另一个js 中,导入使用会更好些。

其实写代码时不要去在意有多少行,在意也没用,你也无法预估有多少行。 做好正确的功能划分,将独立的东西做成子组件,按这个原则基本上就不会太多行了。

是的,超过1000行肯定是不好的。你可以把数据转换,接口调用都抽出来,用的时候一行搞定。另外样式css代码也抽出来

这个不一定吧,看具体的情况,你是可以压缩js代码的,你看其他组件,不一样有超过1000行的,最后压缩了,看一个组件是否真有必要能写这么代码的,如果不是可以分开,最后载入引用就可以

饿了么在GitHub上的vue编码规范中建议控制在200行,个人认为500行以内比较合理。

在开发过程中就应该有意识的拆分功能模块,如table中的操作按钮点击出的弹窗、表单中的上传功能

还有可以按照布局区域划分,头部、侧边、底部等

也可以做ui组件拆分,为表单统一风格,如封装form组件,在此组件内进行对input、select等的样式控制,提供插槽,外部使用在插槽内写表单元素

对第三方组件二次封装

https://m.html.cn/web/vue-js/113284540025900.html

太大啦 可以模块划分为小组件

可以把一些共用的方法抽离出来,写入公共方法

vue是组件化开发,一个组件的代码量控制在400-500行左右量左右,分模块进行拆分,公用组件和非公用组件

能拆分 可以拆分 组件 。太大了 理论上没啥问题 。只是 不好维护,阅读性 低