7 回答
TA贡献1830条经验 获得超3个赞
我是这么做的
// 一个页面或一个组件分了四个文件
--page
+ index.vue
+ page.html
+ page.js
+ page.scss
// index.vue
<template src="./page.html"></template>
<script src="./page.js"></script>
<style scoped src="./page.scss"></style>
// page.html
<div></div>
// page.js
export default {
name: 'Page',
}
我是不喜欢一个文件太多行代码,所以这样分。
如果一个组件代码量不多的话 都写一个文件里面就行了。
另外养成良好的编码习惯及命名规范。代码看着就舒服了。
TA贡献1786条经验 获得超11个赞
和上面600行的同学一样深有同感
目前很多页面洋洋洒洒都是几百行,如果第二天再来看,头都晕了
尝试或的的做法是
1、使用 Mixin,然后再引入,很有效的减少了代码
但很坑的是如果别人来写,根本不知道你的引用的方法在哪个mixin文件中,一个一个找
2、都尽量用await,这样看起来代码都是平级的
3、分离出不需要this的函数
比如某个函数只有console.log(123), 那么就可以把这个单独出来放到页面最底部,或者另一个func.js文件中,然后再import进来
好处就是,对于第一种方式,我可以知道哪个函数在哪个文件
坏处就是,你会分成很多子函数
当然,如果你不建议使用.call或者.apply的话 随意
当然如果能分成子组件是最好
添加回答
举报