Vue功能臃腫後進行分離

2021-09-11 12:08:36 字數 981 閱讀 5069

當使用vue開發時,會因為只寫method在同乙個方法中,造成頁面達到上千行,翻頁都翻得人頭疼!!!

今天開發就遇到了這個問題。哭死。下午果斷決定,分離!即使不能及時完成也必須分離!其實主要是因為有倆個功能還是其他地方會用到的。

所用環境

idea2018.2.2,chrome72,jdk1.8

開始操作

單獨分離乙個頁面,script 標籤匯入放在vue所在頁面的後邊!!!這個最主要。

所用到的詞彙

介面方法:寫在new vue()的methods中的方法,比如:

loadcloudlist: function () ,
實現方法:寫於單獨分離出去的方法,在這個方法中可以很詳細的寫實現過程,最重要的是可以呼叫vue中的變數。(比如,vm.hello())。上面介面呼叫的方法實現為:

function loadcloudlist() 

});}

對了,記得在不同的vue例項中呼叫的時候,同步加上data變數。。。大家都按照乙個標準加,不要和當前頁面的資料重複了!!!

在html標籤中使用vue會因為寫在標籤外部不能用!所以必須在vue中單獨寫乙個名字相同的方法,然後才能避免報錯。(這樣能解決一部分問題。但是後來我又遇到另乙個問題的時候,思慮良久。發現是js寫的順序問題。。。如果vue的引用在共用js之前,就會報錯。如果在之後,就不會報錯。。。但是如果在之後,寫上類似介面的呼叫方式,就能解決這個問題了!出於定製考慮,這樣寫還是有那麼一點必要的!)

**篇幅,少了很多!現在我翻頁輕鬆多了!!!

vue列印功能

在main.js中引入 import print from plugs print vue.use print 註冊 vue元件中 列印內容 不要列印我 注意事項 需使用ref獲取dom節點,若直接通過id或class獲取則webpack打包部署後列印內容為空 指定不列印區域 方法1.新增no pr...

vue登入功能

引入需要的模組 eg const mysql require mysql const express require express const cors require cors 解決跨域問題 建立連線池 提高效率 var pool mysql.createpool 建立express物件 var...

vue 列印功能

html 工單編號 列印js print else if this.formdata.bd.end 1 this.formdata.bd.begin 1 this.formdata.bd.len 1 else if this.formdata.bd.end 1 this.formdata.bd.be...