作者:达人多多宝_836 | 来源:互联网 | 2022-02-26 01:13
本文我们将学习如何制作一个vue插件,并将其分发到npm上,能够让其他人安装使用.
插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们,因为它们能够以极快的速度发布新功能。
正如官方Vue.js文档中所述,插件的范围没有限制。通常我们想实现的功能有下面5种:
- 添加全局方法或者属性 (如: vue-custom-element)
- 添加全局资源:指令/过滤器/过渡等 (如:vue-touch)
- 通过全局 mixin 方法添加一些组件选项 (如:vue-router)
- 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现 (如:vue-axios)
- 一个库,提供自己的 API,同时提供上面提到的一个或多个功能(如:vue-router)
OK,现在你了解了vue插件是什么了,以及它可以满足哪些需求!
如何在vue项目中使用插件
通过npm install或yarn add安装插件后,你需要在main.js文件中导入它并调用Vue.use()全局方法。
注意:在new Vue() 前,必须先实例化所有插件.
import Vue from "vue";
import MyPlugin from "myplugin";
Vue.use(MyPlugin);
new Vue({
// [...]
})
如果插件包支持cdn方式引用的话,也可以通过以下方式引用:
附上 Github地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ...
[详细]
蜡笔小新 2023-10-17 19:45:53
-
本文由编程笔记#小编为大家整理,主要介绍了(源码开放)React+webpack3多页面应用及常见问题解答相关的知识,希望对你有一定的参考价值。 ...
[详细]
蜡笔小新 2024-09-30 18:22:40
-
-
篇首语:本文由编程笔记#小编为大家整理,主要介绍了quarkus实战之一:准备工作相关的知识,希望对你有一定的参考价值。欢迎访问我的GitHub ...
[详细]
蜡笔小新 2024-09-30 16:17:04
-
UILabel的混合显示动画效果 ...
[详细]
蜡笔小新 2024-09-29 20:18:24
-
之前一直使用的是nodev2.2.0版本,挺说新版本的node解决了npm安装插件产生文件夹结构过深的问题,所以就想更新试试;上网一看才发现,尼玛的node已经到了6.+版本了,好 ...
[详细]
蜡笔小新 2024-09-29 12:25:49
-
下载安装nodejs,git,cmder(绿色版直接解压)配置nodejs环境配置缓存npmconfigsetcacheE:\JetBrains\nodejs\node_c ...
[详细]
蜡笔小新 2024-09-28 10:11:17
-
机器之心报道参与:思、Jamin用文言文写的官方编程教程《文言陰符》,类似pip那样的包管理工具「文淵閣」,还有文言编程开源IDE「文言齋 ...
[详细]
蜡笔小新 2024-09-27 20:11:29
-
Todo-react-redux-immutable综合运用react,redux,react-redux,immutable.js,styled-components等工具库,完 ...
[详细]
蜡笔小新 2024-09-27 16:05:02
-
这篇文章将为大家详细讲解有关怎么使用提高开发效率的VSCode插件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所 ...
[详细]
蜡笔小新 2024-09-26 19:40:42
-
一、vue-resource1、引入资源方式1)下载vue-resource.js,添加到项目中2)CDN:http:www ...
[详细]
蜡笔小新 2024-09-26 12:02:49
-
如何运行vue项目(github项目),Go语言社区,Golang程序员人脉社 ...
[详细]
蜡笔小新 2024-09-25 14:23:45
-
来自:掘金,作者:火狼1https:juejin.impost6854573212890562573前言JS是前端的核心,但 ...
[详细]
蜡笔小新 2024-09-25 11:07:52
-
本文介绍了Composer依赖管理的重要性及使用方法。对于现代语言而言,包管理器是标配,而Composer作为PHP的包管理器,解决了PEAR的问题,并且使用简单,方便提交自己的包。文章还提到了使用Composer能够避免各种include的问题,避免命名空间冲突,并且能够方便地安装升级扩展包。 ...
[详细]
蜡笔小新 2023-12-11 17:06:18
-
本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ...
[详细]
蜡笔小新 2023-12-09 19:52:20
-
https:amazonaws-china.comcnblogschinagetting-started-with-codedeploy作为DevOps和微服务的深入践行者 ...
[详细]
蜡笔小新 2024-09-30 20:35:57
-