定义全局方法(Vue)

1、定义方法函数

ps:本文所用文件名以及文件创建位置仅做举例作用,非必须。

1、创建方法 js文件

新建 utils  -> GlobalMethod -> test.js  文件,同时新建 utils -> index.js 文件(文件创建自定义,随自己喜欢)。需要定义为全局方法的js文件代码格式如下图:

 

 

 2、导入

将 test.js  文件导入到 utils -> index.js 文件,红框标注部分为你定义的全局方法的函数名,比如此处的 testClick。

 

 

 3、注册

  在 main.js 中注册,由于我这里的文件名称是 index.js ,所以在main.js 中注册的时候直接 "./utils"即可,如果你第二

步的文件名不是 index.js ,那么你在注册的时候需要 "./utils/文件名"

 

 

 4、调用函数。

调用方法及结果如图所示,

 

 

 

 

 换一个文件试试

 

 

 

 

 

 

 

 定义成功,后续文件如果用到此函数方法时直接按照 this.$testClick() 的格式调用即可。

5、定义多个方法

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2022-02-15 11:32  草莓糖&薄荷茶  阅读(405)  评论(0)    收藏  举报