1.細(xì)分組件
2.提取公共方法，使用的時候import進(jìn)來

100多個方法是需要反思一下了。

最好的方式是抽離成minxins

minxins的this是指向調(diào)用這個minxins的vue實(shí)例

寫一個公共的js，然后引入合適點(diǎn)吧

可以寫一個單獨(dú)的js文件，放入main，變成公共文件，直插 methods

和上面600行的同學(xué)一樣深有同感

目前很多頁面洋洋灑灑都是幾百行，如果第二天再來看，頭都暈了

嘗試或的的做法是
1、使用 Mixin，然后再引入，很有效的減少了代碼
但很坑的是如果別人來寫，根本不知道你的引用的方法在哪個mixin文件中，一個一個找

2、都盡量用await，這樣看起來代碼都是平級的

3、分離出不需要this的函數(shù)
比如某個函數(shù)只有console.log(123), 那么就可以把這個單獨(dú)出來放到頁面最底部，或者另一個func.js文件中，然后再import進(jìn)來
好處就是，對于第一種方式，我可以知道哪個函數(shù)在哪個文件
壞處就是，你會分成很多子函數(shù)
當(dāng)然，如果你不建議使用.call或者.apply的話 隨意

當(dāng)然如果能分成子組件是最好

我是這么做的

// 一個頁面或一個組件分了四個文件 
--page
+ index.vue
+ page.html
+ page.js
+ page.scss

// index.vue
<template src="./page.html"></template>
<script src="./page.js"></script>
<style scoped lang="scss"  src="./page.scss"></style>

// page.html
<div></div>

// page.js
export default {
  name: 'Page',
}

我是不喜歡一個文件太多行代碼，所以這樣分。
如果一個組件代碼量不多的話 都寫一個文件里面就行了。
另外養(yǎng)成良好的編碼習(xí)慣及命名規(guī)范。代碼看著就舒服了。

我覺得還是抽出來一個minxin比較穩(wěn)妥。?

深有同感，我有個vue文件，600多行代碼了.....
我感覺還是要盡量細(xì)分組件