网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/29 浏览:3 次 )

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

首先新建一个文件夹: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项目里面使用引入公共方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

上一篇:基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
下一篇:JavaScript多种页面刷新方法小结
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap