封裝公共方法
我們需要在src目錄下新建一個(gè)公共方法的文件欧漱,用來編寫公共方法,以下圖為例
image.png
我們?cè)趗tils文件夾下新建index.js的文件膏孟,并編寫了一個(gè)sayHello的公共方法
引入公共方法
我們需要在main.js文件里引入公共方法眯分,如下圖所示
image.png
此處的common可以是其他名字,只不過是方便個(gè)人記憶柒桑,當(dāng)我們?cè)趍ain.js引入公共方法之后弊决,需要將這個(gè)公共方法繼承到Vue的原型上,方便后期調(diào)用
調(diào)用公共方法
在我們需要調(diào)用sayHello方法的頁面中直接使用魁淳,如下圖所示
image.png
我們?cè)趍ounted里面直接通過
this.common.sayHello()
來直接調(diào)用這個(gè)方法飘诗,結(jié)果如下圖所示,我們能夠成功調(diào)用sayHello的方法
image.png
當(dāng)然了界逛,上述的方法需要我們通過實(shí)例化的this對(duì)象來調(diào)用這個(gè)方法昆稿,我們有時(shí)候可能不需要通過this來調(diào)用,那怎么辦呢息拜?簡(jiǎn)單8忍丁>幌臁!方法還是跟上面一樣岛抄,但是只需兩步走别惦。
封裝公共方法
我們需要在src目錄下新建一個(gè)公共方法的文件,用來編寫公共方法夫椭,以下圖為例
image.png
引入并調(diào)用公共方法
我們需要先在調(diào)用公共方法的組件里引入方法名,然后在需要調(diào)用改方法的地方直接調(diào)用
image.png
以上兩種方法就是我們?nèi)粘T赩ue項(xiàng)目中調(diào)用公共方法的闡述氯庆,兩種方法各有優(yōu)異蹭秋,需要針對(duì)情況自行取舍。