當vue的單個組件內寫了上千行代碼時怎么去優化呢？（排除為什么不再細分子組件）確實在項目中遇到了這樣的問題，因為細分組件會帶來更為復雜的問題，所以，基本所有的邏輯交互都放在了這個組件，代碼是ts寫的。隨著功能的越來越多，發現要去找一個方法是一件比較麻煩的事，而卻會邏輯會越來越混亂...我目前的重構代碼的解決方法是:（這里不用mixins，因為mixin解決不了一些數據的交互問題）邏輯歸類，模塊化|- Canvas     |- selector    |- selectorManage代碼大概如下：import SelectManage from './selectManage';import Selector from './selector';export default class Canvas {    public selector: any = {};    public selectManage: any = {};    private vm: any = undefined;    constructor( argments ) {        const { vue } = argments;        this.selector = new selector();        this.selectManage = new selectManage();        this.vm = vue;     } }      這時遇到了如何將vue引入模塊的問題，所以我索性就把vue當成參數傳遞進來...不知道將vue作為參數去傳遞到模塊中，這么做對性能會有什么影響。還有人知道怎么優化這樣的代碼比較好嗎？