美文网首页vue
VUE install 组件库方法使用

VUE install 组件库方法使用

作者: 抽疯的稻草绳 | 来源:发表于2021-07-27 11:56 被阅读0次

1.在until 目录里添加 一个MyPlugin.js 文件
Vue.js 的插件有一个公开方法 install。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:

const MyPlugin = {}
MyPlugin.install = function (Vue, options) {
  // 1. 添加全局方法或属性
  Vue.myGlobalMethod = function () {
    // 逻辑...
  }

  // 2. 添加全局资源
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {
      // 逻辑...
    }
    ...
  })

  // 3. 注入组件
  Vue.mixin({
    created: function () {
      // 逻辑...
    }
    ...
  })

  // 4. 添加实例方法
  Vue.prototype.$myMethod = function (methodOptions) {
    // 逻辑...
  }
}

export default MyPlugin

2.在 main.js 引入

// 导入自己的公共方法
import  MyPlugin from'@/MyPlugin/MyPlugin.js'
Vue.use(MyPlugin);

3.在其他需要的组件使用就可以

相关文章

  • VUE install 组件库方法使用

    1.在until 目录里添加 一个MyPlugin.js 文件Vue.js 的插件有一个公开方法 install。...

  • vue中自定义组件、指令、插件

    组件 全局组件 局部组件 自定义插件 提供install方法,挂载到Vue 指令 使用指令实现input自动获取焦...

  • 2018-09-06

    修改vue项目中组件中引入的子组件或第三方插件或库的样式 方法一:使用/deep/ 方法二:使用 >>> 方法三:...

  • 五、Vue生态介绍

    一、Vue组件库Vue组件库是使用Vue框架开发的组件,一般包含着开发者可以直接使用的基础组件:表单、弹窗、表格等...

  • vue组件使用

    最近总结了一下vue组件的使用,如下: 1、创建项目 $ npm install -g vue-cli$ vue ...

  • 修改Element控件的样式

    我们在vue中使用Element库的时候,vue组件中样式的scoped会导致我们无法修改控件的样式。 解决方法是...

  • VUE开发--Vuetify组件(二十五)

    一、Vuetify组件 &emps;&emps;一个vue ui库,提供vue组件供使用。根据 Google Ma...

  • vue Vuex axios 相关资料

    vue中文文档 使用Vuex详解 vue-router 基本使用 vue全局使用axios的方法 vue 父子组件...

  • vue优雅使用技巧(一)

    vue优雅使用 1. 高频组件全局引入 使用Vue.use()方法弊端: 需要多次import 引入组件 使用re...

  • vue-quill-editor 富文本编辑器

    安装npm install vue-quill-editor --save 使用(用富文本编辑器的vue组件) 使...

网友评论

    本文标题:VUE install 组件库方法使用

    本文链接:https://www.haomeiwen.com/subject/vzxomltx.html