创建一个名为 globalFuns.js 文件

    1. -src
    2. --utils
    3. ---globalFuns.js

    globalFuns.js 中写入要配置全局的函数并导出

    1. function fun1() {
    2.   console.log("fun 1");
    3. }
    4. function fun2() {
    5.   console.log("fun 2");
    6. }
    7. function fun3() {
    8.   console.log("fun 3");
    9. }
    10. export default {
    11.   fun1,
    12.   fun2,
    13.   fun3,
    14. };

    在 main.js 中引入 globalFunc.js 文件

    1. // 引入全局函数
    2. import fun from "./utils/globalFunc.js";
    3. Vue.prototype.$fun = fun;

    在组件中使用全局函数

    1. <template>
    2.   <div id="app"><h1>App</h1></div>
    3. </template>
    4. <script>
    5.   export default {
    6.     created() {
    7.       console.log(this.$fun);
    8.       this.$fun.fun1(); // fun 1
    9.       this.$fun.fun2(); // fun 2
    10.       this.$fun.fun3(); // fun 3
    11.     },
    12.   };
    13. </script>