Vue.use()丶Vue.component()丶Vue.directive() 使用

ゝ一世哀愁。 2022-12-17 02:28 115阅读 0赞

小白记录

**1. Vue.use() 引入插件**

安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。

例：引用 element-ui 提供了install方法  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzcxODIx_size_16_color_FFFFFF_t_70_pic_center]

import ElUI from 'element-ui'
    Vue.use(ElUI, {
         size: 'mini' })

**2.Vue.component() 引入组件**  
例： 引用 element-tree-grid组件

import ElTableTree from 'element-tree-grid'
    Vue.component(ElTableTree.name, ElTableTree)

自己封装一个组件  
![在这里插入图片描述][20201021162417706.png_pic_center]  
kindoCard.vue 里面编写组件功能  
index.js 将组件暴露出来 代码如下

import KindoCard from './src/kindoCard'
    
    KindoCard.install = function(Vue) {
        
      Vue.component(KindoCard.name, KindoCard)
    }
    
    export default KindoCard

最后main 方法挂载

import KindoCard from './kindo-card'
    Vue.use(KindoCard )

**3.Vue.directive() 引入自定义指令**

Vue.directive(directive.name, directive)

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzcxODIx_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/df59c33602db4361be70d2e7769aa2a0.png
[20201021162417706.png_pic_center]: /images/20221123/a5eeddbf0aea4d7aa8642c60b785aada.png

发表评论取消回复

表情：

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

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

相关阅读

相关 MySQL_5 有丶牛逼的查询语句

目录一、分组查询 1.基本语法 : 2.代码演示 : 二、分页查询 1.基本语法 : 2.代码演示 : 三、多表查询 1.定义 : 2

心已赠人/ 2023年09月27日 21:02/ 0 赞/ 92 阅读

相关真丶干货！记一次实实在在的线上JVM调优，过程较为曲折。

![format_png][] 起因：生产环境内存资源占用异常，频繁FullGC，影响用户使用的流畅性及系统稳定性部署环境： K8S，Docker容器 POD资源设置情

r囧r小猫/ 2023年09月25日 19:53/ 0 赞/ 45 阅读

相关 Java中数组长度丶字符串长度与集合类长度

数组长度:使用 .length ; int[] arr = new int[10]; int len = arr.length; 字符串长度：使用 .len

ゞ浴缸里的玫瑰/ 2023年06月11日 04:28/ 0 赞/ 16 阅读

相关 Vue.use()丶Vue.component()丶Vue.directive() 使用

小白记录 1. Vue.use() 引入插件安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 inst

ゝ一世哀愁。/ 2022年12月17日 02:28/ 0 赞/ 116 阅读

相关 maven安装丶配置本地仓库

1.maven下载 ![下载][SouthEast] 文件 ![文件][SouthEast 1] 2.解压的文件结构（解压目录中不要有中文，空格） ![解压

逃离我推掉我的手/ 2022年06月16日 14:11/ 0 赞/ 316 阅读

相关 python字符串丶循环分支打造温度转换

学习了python后发现python对字符串的操作，相对于c/c++来说，真的是简单了很多。我们首先要知道温度转换的规律：华氏度(℉)=32+摄氏度(℃)×1.8 接下来

灰太狼/ 2022年05月30日 02:53/ 0 赞/ 182 阅读

相关 Cannot read property '$el' of undefined at VueComponent

在.vue文件的template标签里面引用子组件，如下所示 <scroll class="middle-r" ref="lyriclist" :data="curr

浅浅的花香味﹌/ 2022年05月23日 13:55/ 0 赞/ 116 阅读

相关抓取微信小程序页面丶小程序源码

使用TBS爬取微信小程序页面转载来源：[https://my.oschina.net/sumiao/blog/1587350?utm\_source=debugrun&ut

àì夳堔傛蜴生んèń/ 2022年05月21日 03:21/ 0 赞/ 498 阅读

相关装逼时刻：python黑客信息收集,域名查询丶解析

今天给大家分析一个python黑客信息收集,域名查询，通过爬取一个IP查询网的数据，来显示到你的后抬，希望能够帮助到大家，以下就是实现的过程导入第三方库 ![在这里插入图

雨点打透心脏的1/2处/ 2022年01月23日 12:09/ 0 赞/ 139 阅读

相关前端新手秘籍丶

工欲善其事必先利其器编辑器选择 1. sublime text 3 :本人在用,主题很多,代码风格很好看放一个配置插件攻略: [sublime 插件][su

左手的ㄟ右手/ 2022年01月19日 02:13/ 0 赞/ 275 阅读