当前位置: 首页 > news >正文

vue中install方法

1:语法

vue提供install可供我们开发新的插件及全局注册组件等
install方法第一个参数是vue的构造器,第二个参数是可选的选项对象

export default {install(Vue,option){组件指令混入挂载vue原型}
}

 2:注册组件

一:注册单个组件

1:全局自定义指令

export default{install(Vue){Vue.directive('pre',{inserted(button,bind){button.addEventListener('click',()=>{if(!button.disabled){button.disabled = true;setTimeout(()=>{button.disabled = false},1000)}})}})}
}

2:在main.js跟注册组件一样

import pre from '@/aiqi';//引入Vue.use(pre);//注册

二:注册多个组件

1:在install()方法中挂载组件


import update from './update/index.vue';//引入组件
import ImageUpload from './ImageUpload/ImageUpload.vue';//引入组件
import ScreenFull from './ScreenFull';//引入组件
import ThemePicker from './ThemePicker';//引入组件
import TagsView from './TagsView';//引入组件
export default {install(Vue) {Vue.component('update', update);//注册组件Vue.component('ImageUpload', ImageUpload);//注册组件Vue.component('ScreenFull', ScreenFull);//注册组件Vue.component('ThemePicker', ThemePicker);//注册组件Vue.component('TagsView', TagsView);//注册组件}
}

2:在main.js中直接用引用并Vue.use进行注册

import Component from '@/components';//引入那个挂载的文件
Vue.use(Component);//注册

http://www.lryc.cn/news/115583.html

相关文章:

  • Flutter:文件读取—— video_player、chewie、image_picker、file_picker
  • vim的使用
  • 马氏杆法检查斜视
  • Mac电脑怎么使用“磁盘工具”修复磁盘
  • c++画出分割图像,水平线和垂直线
  • Python 程序设计入门(015)—— enumerate() 函数的用法
  • __dict__属性
  • k8s之Pod控制器
  • 逆元(求乘法逆元的几种方法)
  • 没点本事,还真做不好数字化转型
  • windows 10 远程桌面配置
  • OpenStreetMap 上基于A*搜索算法的C ++路线规划项目
  • java实现随机生成验证码
  • Positive证书是什么?
  • vulnhub靶场-y0usef笔记
  • 华为智选首款纯电轿跑“LUXEED”能大卖吗?
  • ArcGIS API for JavaScript 3.44 地图Demo示例合集
  • RFID工业识别技术:供应链智能化的科技颠覆
  • 行列转换两例的思考
  • 高德地图 SDK 接口测试接入(AndroidTest 上手)
  • 省电模式稳定电压显示IC32×4 LCD显示驱动芯片
  • 分布式架构的观测
  • 交替方向乘子
  • 9-数据结构-栈(C语言版)
  • C#,数值计算——用于从连续的数据值流估计任意分位数的计算方法与源程序
  • 实践分享:小程序事件系统设计
  • 无涯教程-Perl - bless函数
  • Java关键字:final解析
  • LeetCode--HOT100题(25)
  • 外卖项目,登录设计,nginx反向代理,MD5明文加密