業務中經常會碰見同一方法需要多次呼叫,這時候如果每次都寫一遍就顯得代碼不夠優雅了,所以封裝公共方法是非常有必要的
第一步：
封裝公共方法
1.在vue專案中src/assets/js/創建js檔案 例：common.js
2.在main.js 參考common->然后實體化
/* 引入公共函式 */
import common from './assets/js/common'
Vue.use(common);
3.common.js寫一個示例
export default{
install(Vue){
//這里是示例方法 getTime是方法名 function()可以攜帶引數
Vue.prototype.getTime = function(){
var date = new Date()
var y = date.getFullYear()
var m = date.getMonth() + 1
m = m < 10 ? ('0' + m) : m
var d = date.getDate()
d = d < 10 ? ('0' + d) : d
alert(y + m + d)
}
}
}
這里我們就封裝好了示例公共方法,接著我們如何顯示呼叫
呼叫公共方法
1.在任何一個vue檔案里面的生命周期this.方法名就可以了，因為已經在main.js全域實體化了
created(){
this.getTime()
}
2.頁面就會呼叫方法
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/272001.html
標籤：其他
上一篇：埃氏篩＋歐拉篩