Vue插件

作者: fanren | 来源:发表于2022-07-17 14:41 被阅读0次

前言

在实际开发中,我们常常需要定义一些全局的函数,以方便我们在需要的时候直接使用;

例如:iOS开发中的某一个工具类(时间管理类,用作时间格式化处理)

同理,在Vue开发中,也可以定义公共的js函数,在需要的时候直接调用就可以了;
然而,这些公共的东西,也需要通过引入才可以使用;

iOS中有两种方式引入,一是在需要的文件中引入,二是在pch文件中全局引入;

同理,Vue中,也有类似的两种方法;

  • 在需要的使用的文件中,使用import引入
  • 使用插件的方法,进行全局引入;

一、插件

插件是自包含的代码,通常向 Vue 添加全局级功能。它可以是一个 object,也可以是 function;

使用插件,可以全局添加属性,方法等,在需要的时候不需要引入,可以直接使用;例如时间格式化函数

二、插件的功能范围:

三、use

上述四种插件的介绍中,我们都是在main.js中,引入了一个全局方法,但是如果是需要引入多个全局方法呢?
是在main.js中一个一个的引入吗?

Vue.prototype.$dateFormat = dateFormat;
Vue.prototype.$dateFormat2 = dateFormat2;
Vue.prototype.$dateFormat3 = dateFormat3;
......

还是说有一个简单的办法,让我们可以直接引入呢?
这个方法就是Vue.use;

相关文章

网友评论

      本文标题:Vue插件

      本文链接:https://www.haomeiwen.com/subject/wwkuurtx.html