欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue学习笔记五:在vue项目里面使用引入公共方法详解

程序员文章站 2023-01-11 08:33:45
今天早上来到公司,没事看了一下别人的博客,然后试了一下,发现的确是可以的,在此记录一下,方便自己日后查阅。 首先新建一个文件夹:commonfunction ,然后在里面...

今天早上来到公司,没事看了一下别人的博客,然后试了一下,发现的确是可以的,在此记录一下,方便自己日后查阅。

首先新建一个文件夹:commonfunction ,然后在里面建立 一个文件common.js

vue学习笔记五:在vue项目里面使用引入公共方法详解

建立好之后,在main.js里面引入这个公共方法

vue学习笔记五:在vue项目里面使用引入公共方法详解

最后是调用这个公共方法

vue学习笔记五:在vue项目里面使用引入公共方法详解

测试一下,我在公共方法里面写了一个简单的一段代码如下:

export default{
 login:function(){
   console.log("1111");
 }
}

如何在我的login.vue里面控制台输出了:1111,那就说明了我的引入是对的
如下:

vue学习笔记五:在vue项目里面使用引入公共方法详解

好了,over

以上所述是小编给大家介绍的在vue项目里面使用引入公共方法详解整合,希望对大家有所帮助