17-插件

我不是女神ヾ 2023-10-08 18:07 15阅读 0赞

## **插件** ##

#### 一、plugin插件 ####

plugin用于增强Vue。

示例：定义一个插件（插件需要实现`install()`方法）

export default {
        
        
        // install 可以接收到Vue对象（此处不是vm，而是vm的创建者Vue）
        install(Vue) {
        
            
            // 通过传入的Vue对象，可以添加全局的过滤器、全局指令、全局混入等等
            
            Vue.filter('mySlice', function(value){
        
                return value.slice(0,4)
            })
    
            Vue.directive('fbind', {
        
                bind(element, binding) {
        
                    element.value = binding.value
                }
            })
    
            Vue.mixin({
        
                data() {
        
                    return {
        
                        title: 'test'
                    }
                }
            })
    
            // 给Vue原型上添加一个方法，之后vm和vc都可以使用该方法
            Vue.prototype.sayHello = () => (alert('hello'))
        }
    }

使用插件：在`main.js`的`new Vue`之前，通过`use`使用插件：

import plugins from './plugins'
    // 使用插件
    Vue.use(plugins)

#### 二、install参数 ####

install方法的第一个参数是`Vue`，后面还可以继续接收到`Vue.use`中传入的其他参数。

例如：

Vue.use(plugins, 1, 2, 3)

则：

install(Vue, a, b, c ){
        
        // 此处的Vue接收到的是Vue对象
        // a可以接收到1，
        // b可以接收到2
        // c可以接收到3
    }

**先赞后看，养成习惯！！！^ \_ ^ ❤️ ❤️ ❤️  
码字不易，大家的支持就是我的坚持下去的动力。点赞后不要忘了关注我哦！**

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA插件系列（11）：Translation插件——翻译插件

1. 插件介绍可以翻译词汇、语句，十分方便。 2. 安装方式第一种安装方式是使用IDEA下载插件进行安装 ![在这里插入图片描述][c793ec14892

小灰灰/ 2024年03月31日 17:01/ 0 赞/ 144 阅读

相关 IDEA插件系列（9）：MyBatisX插件——Mybatis插件

![在这里插入图片描述][a4bc5f2c6d094cb485dc78b5e95f800c.png] MybatisX插件功能 mapper和xml可以来回跳转 m

迈不过友情╰/ 2024年03月31日 17:00/ 0 赞/ 148 阅读

相关 17-插件

插件一、plugin插件 plugin用于增强Vue。示例：定义一个插件（插件需要实现`install()`方法） export default {

我不是女神ヾ/ 2023年10月08日 18:07/ 0 赞/ 16 阅读

相关 IDEA插件【美化插件】

> -------------------- 1 进度条美化 Nyan Progress Bar 1.1 下载 ![watermark_type_ZmFuZ

落日映苍穹つ/ 2023年07月16日 07:58/ 0 赞/ 40 阅读

相关 IDEA插件【实用插件】

> IDEA插件【美化插件】：[https://blog.csdn.net/qq\_40794973/article/details/104939967][https_b

深藏阁楼爱情的钟/ 2023年07月11日 06:16/ 0 赞/ 36 阅读

相关 MyBatis插件开发 : 插件原理、插件开发流程

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

灰太狼/ 2023年01月15日 10:26/ 0 赞/ 294 阅读

相关 17. Kubernetes存储架构及插件使用

> 本文由 CNCF + Alibaba 云原生技术公开课整理而来 Kubernetes 存储架构在 Kubernetes 中挂载一个 `Volume`：

我不是女神ヾ/ 2023年01月08日 08:27/ 0 赞/ 160 阅读

相关功能插件---水印插件

前言还就没写博客了，最近实在是太忙了，马上还要做毕业设计和论文，今天抽时间写一写关于添加水印的问题吧添加水印如果只是想简单的给图片添加一个水印，其实很简单，

今天药忘吃喽~/ 2022年12月24日 14:53/ 0 赞/ 490 阅读

相关 17、利用tomcat的maven插件,实现maven项目的部署

0、部署项目的tomcat是运行的 1、使用的tomcat7的maven插件的坐标 <plugin> <groupId>org.apache.t

ゝ一纸荒年。/ 2022年07月16日 03:21/ 0 赞/ 206 阅读

相关转： Fedora 17 安装flash插件

转自：http://www.linuxidc.com/Linux/2012-06/62694.htm 要在[Fedora][] 17 下安装Flash pl

雨点打透心脏的1/2处/ 2022年03月19日 12:58/ 0 赞/ 239 阅读