为了账号安全,请及时绑定邮箱和手机立即绑定

vue页面methods里面方法太多,能否抽出一个方法文件?

vue页面methods里面方法太多,能否抽出一个方法文件?

交互式爱情 2019-03-14 14:15:08
我一个.vue文件里面的methods有10多个方法,这个页面看着很乱。是因为我组件化不够彻底的原因么;有什么办法能把文件变的简洁一些么
查看完整描述

7 回答

?
慕村9548890

TA贡献1884条经验 获得超4个赞

1.细分组件
2.提取公共方法,使用的时候import进来

查看完整回答
反对 回复 2019-03-28
?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

我觉得还是抽出来一个minxin比较稳妥。?


查看完整回答
反对 回复 2019-03-28
?
繁花如伊

TA贡献2012条经验 获得超12个赞

可以写一个单独的js文件,放入main,变成公共文件,直插 methods


查看完整回答
反对 回复 2019-03-28
?
牛魔王的故事

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',

}

我是不喜欢一个文件太多行代码,所以这样分。

如果一个组件代码量不多的话 都写一个文件里面就行了。 

另外养成良好的编码习惯及命名规范。代码看着就舒服了。


查看完整回答
反对 回复 2019-03-28
?
开心每一天1111

TA贡献1836条经验 获得超13个赞

深有同感,我有个vue文件,600多行代码了.....
我感觉还是要尽量细分组件

查看完整回答
反对 回复 2019-03-28
?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

写一个公共的js,然后引入合适点吧


查看完整回答
反对 回复 2019-03-28
?
Qyouu

TA贡献1786条经验 获得超11个赞

和上面600行的同学一样深有同感

目前很多页面洋洋洒洒都是几百行,如果第二天再来看,头都晕了

尝试或的的做法是
1、使用 Mixin,然后再引入,很有效的减少了代码
但很坑的是如果别人来写,根本不知道你的引用的方法在哪个mixin文件中,一个一个找

2、都尽量用await,这样看起来代码都是平级的

3、分离出不需要this的函数
比如某个函数只有console.log(123), 那么就可以把这个单独出来放到页面最底部,或者另一个func.js文件中,然后再import进来
好处就是,对于第一种方式,我可以知道哪个函数在哪个文件
坏处就是,你会分成很多子函数
当然,如果你不建议使用.call或者.apply的话 随意

当然如果能分成子组件是最好


查看完整回答
反对 回复 2019-03-28
  • 7 回答
  • 0 关注
  • 4565 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信