在Vuejs中定义公共函数的3种⽅法⽅法⼀、使⽤Vue中mixin
具体⽤法：
1、定义公共的mixin⽂件：如mixin.vue。
<template>
</template>
<script>
export default {
衬衫英语name: 'mixins-test-main',
components: {},
props: {},
data () {
return {
mixinData: 'mixin中的变量'
}太阳礼赞
},
methods: {
mixinFunction () {
return '我是mixins⾥⾯的公共⽅法'
},
},
mounted () {
},
computed: {}
}
</script>
<style scoped>
</style>
2、在你页⾯内调⽤：需要import这个mixin⽂件 ，然后通过mixins:['⽂件名']来使⽤就可以了。
<template>
<div>
<div @click="handleMixin">调⽤mixin⽅法</div>
</div>
</template>
<script>
import MixinItem from './mixin'
乐此不疲的近义词export default {
name: 'mixin-test-comp',
props: {},
mixins: [MixinItem],
components: {},
data () {
return {}
},
methods: {
handleMixin () {
console.log('mixin-data=========', this.mixinData)
let mixfun = this.mixinFunction()
console.log('mixin-fun====>>>', mixfun)
},
},
mounted () {
},
computed: {}
}
</script>
顺姬冷面<style scoped>
</style>
⽅法⼆、在main.js⾥直接写函数。
⽅法三、创建公共函数的js⽂件，然后在main.js⾥引⼊该js⽂件。⽅法⼆与⽅法三其实是⼀个意思。
实际操作：
1、main.js的同级新建⼀个js⽂件：publicFun.js。放在同级是为了⽅便引⽤。
2、publicFun.js 封装函数。
exports.install = function(Vue,options){
NowDayStr = function(){//获取当前⽇期字符串
var dd=new Date();
dd.Date());
var FullYear();
一点水准打一个字
var m=(dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);
var Date()<10?"0"+dd.getDate():dd.getDate();安仁古镇旅游攻略
return y+"-"+m+"-"+d;
}
}
3、在main.js⾥全局引⽤publicFun.js。
//引⼊公共⽅法js⽂件
import publicFun from './publicFun'怎样盘头
//调⽤公共⽅法js⽂件
Vue.u(publicFun);
4、在任意⼀个vue⽂件⾥就可以调⽤该函数了。NowDayStr();恒的成语
