vue 全局函数的定义与任意调用（代码篇）

最新推荐文章于 2024-08-02 17:30:15 发布

草巾冒小子

最新推荐文章于 2024-08-02 17:30:15 发布

阅读量1.2k

点赞数

分类专栏： Vant UI 踩坑篇 Vue.js

本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.csdn.net/qq_35393869/article/details/109737998

版权

本文介绍了两种在Vue项目中定义和调用全局函数的方法。方法一是创建独立JS文件，全局引入并定义函数，可在任意页面调用。方法二是直接在main.js中定义全局函数，但要注意引入所需依赖。推荐使用方法二，确保函数中引用的组件和库生效。

摘要由CSDN通过智能技术生成

文章目录

vue 全局函数的定义与任意调用

vue 全局函数的定义与任意调用

方法一：

首先：

随意新建一个全局函数的js文件（如下图所示：base.fun.js），放置在项目文件夹中（如下图案例）：

在这里插入图片描述

代码如下：

import base from './components/api/base.fun.js'//引入插件
Vue.user(base);//注册插件

之后：

在main.js中全局引入该文件（如上图所示：base.fun.js）;

在文件（base.fun.js）中定义你的全局函数，代码格式如下：

/*全部代码如下*/
// 文件：js全局函数定义与函数抛出
//（该文件内的不同函数相当于不同插件）
/* 全局函数定义与挂载*/
exports.install = function (Vue, options) {
   
    Vue.prototype.time = function (){
   //当前时间
        var currentTime = new Date();
        var YY,MM,