创建一个全局文件utils.js
export const baseUrl = "https://www.baidu.com/"
export const fn = () => {
console.log("demo");
}
export const obj ={
baseUrl : "https://www.baidu.com/",
demo(){
console.log("demo2");
}
}
第一种：需要使用变量时需要import导入即可使用。
直接在vue页面中使用
<template>
<view class="page_content">
</view>
</template>
<script>
import * as utils from '@/static/js/utils.js';
export default {
data() {
return {
}
},
onLoad() {
console.log(utils);
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
第二种：使用Vue.prototype挂载，直接使用this调用
第一步：在main.js中进行挂载
// 导入全局js
import * as utils2 from '@/static/js/utils.js';
Vue.prototype.$utils = utils;
第二步：在vue页面使用，注意：页面中不要在出现重复的属性或方法名。
// 导入全局js
<template>
<view class="page_content">
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
console.log(this.$utils.);
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
