資訊專欄INFORMATION COLUMN
摘要：說一種沒人發(fā)的，利用混入來實現(xiàn)全局變量和函數(shù)。這種方法優(yōu)點是會有方法變量篩選器提示。一文件進行全局混入一文件，我是把方法變量篩選器這三個分別寫到三個文件里面了，方便后期維護。
說一種沒人發(fā)的，利用混入mixins來實現(xiàn)全局變量和函數(shù)。mixins里面的方法、變量、篩選器會和組件里面的方法、變量、篩選器合并。這種方法優(yōu)點是ide會有方法、變量、篩選器提示。 一、main.js文件
import Vue from "vue"
import App from "./App"
import router from "./router"
import store from "./store"
import mixin from "./utils/mixin"
Vue.prototype.$bus = new Vue()
//進行全局混入
Vue.mixin(mixin)
new Vue({
store,
router,
render: h => h(App),
}).$mount("#app")
一、mixin.js文件，我是把方法、變量、篩選器這三個分別寫到三個js文件里面了，方便后期維護。也可以直接寫到mixins文件里面
import filters from "./filters"
import globalMethods from "./global-methods"
import Config from "../config"
import CONSTANT from "./const_var"
// 全局混入
export default {
data() {
return {
CONFIG: Config,
CONSTANT,
}
},
methods: {
// //將globalMethods文件里面的方法掛載到vue上,以方便調(diào)用，直接this.$xxx方法名就可以了
// Object.keys(globalMethods).forEach(key => {
// Vue.prototype[key] = tools[key]
// })
// 將globalMethods里面的方法用對象展開符混入到mixin上,以方便調(diào)用，直接this.$xxx方法名就可以了
...globalMethods,
},
filters: {
// //將filter里面的方法添加了vue的篩選器上
// Object.keys(filters).forEach(key => {
// Vue.filter(key, filters[key])
// })
...filters,
},
}
filters.js文件
export default {
// 時間轉(zhuǎn)換器
date(v) {
...
},
// 處理身份證信息，中間隱藏掉
processIdNumber(v) {
...
},
}
global-methods.js文件
import { Message, MessageBox } from "element-ui"
export default {
$success(msg) {
...
},
$warning(msg) {
...
},
$error(msg) {
...
},
$checkPlatform() {
...
},
// 倒計時時間格式化
$countdownFormatTime(timeStamp) {
...
},
}
constant_var.js文件
export default {
REDIRECT: "redirect",
// 請求方法
POST: "post",
GET: "get",
PATCH: "patch",
DELETE: "delete",
PUT: "put",
// 靜態(tài)常量
PICKEROPTIONS: {
...
},
PAGENUMBER: 1,
PAGESIZE: 10,
DELAYTIME: 250,
SUCCESS: "000000",
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/106123.html
摘要：全局混入對象不會覆蓋組件中的同名鉤子函數(shù)將混合為一個數(shù)組，因此都將被調(diào)用。而鉤子函數(shù)混入和組件中的不合并，而是都執(zhí)行，先執(zhí)行混入中的鉤子，再執(zhí)行組件中的。 組件引用 —— ref、$refs 給子組件或者原始DOM加上ref特性，就可以為其聲明引用標記，添加引用后，可以在Javascript中使用vm|this.$refs.refname獲取子組件或原始DOM。若是原始DOM，則效果如...
前言 從 9 月份開始，vuepress 源碼進行了重新設(shè)計和拆分。先是開了個 next 分支，后來又合并到 master 分支，為即將發(fā)布的 1.x 版本做準備。 最主要的變化是：大部分的全局功能都被拆分成了插件的形式，以可插拔的方式來支撐 vuepress 的運作，這一點很像 webpack。 具體架構(gòu)如下： showImg(https://user-gold-cdn.xitu.io/2019...
閱讀 3265·2021-09-02 15:41
閱讀 2827·2021-09-02 09:48
閱讀 1368·2019-08-29 13:27
閱讀 1157·2019-08-26 13:37
閱讀 832·2019-08-26 11:56
閱讀 2478·2019-08-26 10:24
閱讀 1637·2019-08-23 18:07
閱讀 2615·2019-08-23 15:16
