Vue.js - 插件的使用

在 Vue 中，什么是插件？

Vue 中的插件，我们可以理解为就是 对于 Vue 本身功能的增强 。
举个例子，我们经常使用的 Vue-Router，Vuex，Element-UI，就算是一种插件。
在 Vue 本身不支持这些功能的情况下，让 Vue 可以使用这些功能，这些就是插件。

怎么使用插件？

1. 定义插件
1. 注册插件

Vue2 中注册插件的方式：

1. 对象定义插件：

const plugin = {install(Vue){// 只要你可以通过 Vue 做到的事情，都可以定义成插件来完成// 1.全局组件注册  Vue.component// 2.全局指令注册  Vue.directive// 3.原型挂载     Vue.protorype.$http = function(){}}// 注册：Vue.use(注册的名字)Vue.use(plugin)  // 当调用 use 方法的时候，实际上是自动执行了插件的 install 方法，然后注入了实参 Vue
}

2. 函数定义插件：

function plugin(Vue){// 只要你可以通过 Vue 做到的事情，都可以定义成插件来完成// 1.全局组件注册  Vue.component// 2.全局指令注册  Vue.directive// 3.原型挂载      Vue.prototype.$http = function(){}
}
// 注册
Vue.use(plugin)  // 当插件是函数的时候，函数本身就会被当成 install 方法自动执行，其他机制完全一样

Vue3 中定义插件的方式：

1. 对象定义插件：

const plugin = {install(app){  // * 注意：在 Vue3 中，实参为 app(应用)// 只要你可以通过 Vue 做到的事情，都可以定义成插件来完成// 1.全局组件注册  app.component// 2.全局指令注册  app.directive}// 通过执行 createApp，得到一个 app 实例对象，然后用 app 去调用 use// 注册：app.use(注册的名字)app.use(plugin)  // 当调用 use 方法的时候，实际上是自动执行了插件的 install 方法，然后注入了实参 Vue
}

Vue.js - 插件的使用相关推荐

vue 画布插件_一个Vue.js插件，用于使用EaselJS控制HTML5画布
vue 画布插件 vue-easeljs (vue-easeljs) A Vue.js plugin to control an HTML5 canvas using EaselJS. 一个Vue.j ...
vue实现波纹效果_简单的Vue.js插件可实现自定义波纹效果
vue实现波纹效果 Vue-Rippler (vue-rippler) Simple Vue.js plugin for custom ripple effect. 简单的Vue.js插件可实现自定义 ...
IDEA Vue.js插件 2021年1月21日最新
IDEA开发VUE时,需要下载Vue.js插件,但国外的资源有时候很难下下来,可以离线下载插件再安装官网下载地址:https://plugins.jetbrains.com/plugin/9442- ...
推荐 7 个 Vue.js 插件，也许你的项目用的上（一）
当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库.我相信一个好的项目会利用一些可用的最佳库.Vue.js 是创建用户界面的最佳 JavaSc ...
推荐 7 个 Vue.js 插件，也许你的项目用的上（四）
加速你的 Vue.js 开发当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库.我相信一个好的项目会利用一些可用的最佳库.Vue.js 是创 ...
推荐 7 个 Vue.js 插件，也许你的项目用的上（三）
使用这7个库 Vue.js 库,加快你的项目开发! 当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库.我相信一个好的项目会利用一些可用的最佳 ...
vue.js插件使用(01) vue-resource
本文的主要内容如下: 介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于int ...
idea搜不到vue.js插件办法
Vue.js - IntelliJ IDEs Plugin | Marketplace 输入如下网站下载插件,存放到idea插件中 https://plugins.jetbrains.com/plug ...
记录学习IDEA的遇到的问题--关于IDEA无法下载vue.js插件问题
在使用IDEA2.4版本下载vue.js过程中出现无法下载问题. 问题描述:连接jetbrains插件网超时导致无法下载解决方法:1.打开Settings--> Appearance & ...
idea vue.js插件安装
Vue.js for IntelliJ IDEA-based IDEs This plugin provides support for Vue.js in IntelliJ IDEA Ultimat ...

Vue.js - 插件的使用

在 Vue 中，什么是插件？

怎么使用插件？

Vue2 中注册插件的方式：

1. 对象定义插件：

2. 函数定义插件：

Vue3 中定义插件的方式：

1. 对象定义插件：

Vue.js - 插件的使用相关推荐

最新文章

热门文章