美文网首页
Vue插件开发

Vue插件开发

作者: chuaa | 来源:发表于2019-01-29 15:01 被阅读0次

项目里的iview是以插件的形式引入的,于是便了解了一下Vue的插件。
插件通常会为Vue添加全局功能。


插件的范围.png

插件的使用

通过Vue.use(plugin)使用插件,它需要在调用new Vue()启动应用之前完成。

开发插件

如果插件是一个对象,必须提供install方法;如果插件是一个函数,它会被作为install方法。
Vue.js 的插件应该有一个公开方法 install。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:
第一种:

let MyPlugin = {}
MyPlugin.install = function (Vue,options) {
  // 1. 添加全局方法或属性
  Vue.globalMyMethods = function () {}
  // 2. 添加全局资源
  Vue.directive('my-derective', {
  bind() {}
  })
  // 3. 全局混入(慎用)
  Vue.mixin({
  })
  // 4. 添加实例方法
  Vue.prototype.$myMethod = function () {
    // code
  }
}
export default MyPlugin

第二种:

export default function (Vue, options) {
  // code
}

相关文章

  • plugin插件

    插件通常用来为 Vue 添加全局功能。 直接使用别人开发好的插件:Vue.use() 自己开发插件: Vue.js...

  • 从零开始的vue插件封装

    vue插件的封装方法。 插件开发 详情:插件开发 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有...

  • vuecli3插件制作并发布

    参考文章:Vue cli3 插件开发并发布vue-cli 3.x 开发插件并发布 1、利用vuecli3新建vue...

  • Vue(一、插件开发)

    一、插件开发 开发插件 Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue ...

  • 如何开发和发布一个Vue插件

    Vue 项目开发过程中,经常用到插件,比如原生插件 vue-router 、 vuex ,还有 element-u...

  • 二. Vue入门

    一. 开发工具 VUE开发环境个人推荐使用VS code, 然后安装特定的插件即可开发,可用插件如下: Vetur...

  • Vue插件开发初体验——(懒加载)

    Vue插件开发初体验——(懒加载) 前言 闲来无事,想自己开发一个简单的Vue懒加载插件,能力的提升我觉得是可以通...

  • Vue 入门资料收集

    1、 Vue部署 我一般喜欢在VS Code开发环境进行脚本开发,因此最好装一下Vue扩展插件,比如语法高亮插件之...

  • Vue 插件开发

    Vue 插件开发 官方文档 传送门 alert插件开发 先写个alert组件 再写个 alert.js mian....

  • Vue 插件开发

    Vue 插件开发 官方文档 传送门 alert插件开发 先写个alert组件 再写个 alert.js mian....

网友评论

      本文标题:Vue插件开发

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