vue專案的一些小技巧

2021-09-28 17:56:01 字數 995 閱讀 6833

1.require.context()

場景:如頁面需要匯入多個元件,原始寫法:

import titlecom from '@/components/home/titlecom'


import bannercom from '@/components/home/bannercom'


import cellcom from '@/components/home/cellcom'


components:
這樣就寫了大量重複的**,利用 require.context 可以寫成

const path = require('path')


const files = require.context('@/components/home', false, /\.vue$/)


const modules = {}


files.keys().foreach(key => )


components:modules
2.eventbus
// 在 main.js


vue.prototype.$eventbus=new vue()


// 傳值元件


this.$eventbus.$emit('eventtarget','這是eventtarget傳過來的值')


// 接收元件


this.$eventbus.$on("eventtarget",v=>)
3.mixins

場景:有些元件有些重複的 js 邏輯,如校驗手機驗證碼,解析時間等,mixins 就可以實現這種混入 mixins 值是乙個陣列

const mixin=,


methods:


}}export default
4.img 載入失敗
// page **

最近做專案的一些小技巧

1.當傳輸過來的資料中有中文時，request.setcharacterencoding gbk 會保證，傳輸過來的字段會是中文 要注意的是 在執行setcharacterencoding 之前，不能執行任何getparameter 在執行第乙個getparameter 時，j a將會按照編碼分析所...

一些小技巧

關注 乙個好的程式設計師不應該把所有的判斷交給編譯器和偵錯程式，應該在程式中自己加以程式保護和錯誤定位，具體措施包括 對於所有有返回值的函式，都應該檢查返回值，除非你確信這個函式呼叫絕對不會出錯，或者不關心它是否出錯。一些函式返回錯誤，需要用其他函式獲得錯誤的具體資訊。例如accept返回inval...

一些小技巧

protected void repparent itemdatabound object sender,system.web.ui.webcontrols.repeateritemeventargs e 在父datalist的itemdatabound事件裡面寫子datalist的資料來源 繫結 ...