小昱个人博客
欢迎来到小昱的世界

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
Vue插件开发总结
  • 首页 > 前端 > Vue
  • 作者:小昱
  • 2017年8月10日 17:00 星期四
  • 浏览:154
  • 字号:
  • 评论:0
  • 一、最简单的使用测试

    定义一个插件

    src/plugin/test/index.js

    export default{
      install (Vue) {
        Vue.prototype.$test = 'test'
        Vue.prototype.print = (value) => {
              console.log(value)
            }
      }
    }

    在入口文件main.js中引入插件

    src/main.js

    import test from './plugin/test'
    Vue.use(test)

    在组件中使用

    src/components/test.vue

    export default {
      created () {
        console.log(this.$test)
            this.print('hello')
      }
    }
     
      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:小昱      文章标题: Vue插件开发总结
    本文地址:http://www.xiaoyulive.top/?post=118
    版权声明:若无注明,本文皆为“小昱个人博客”原创,转载请保留文章出处。
    返回顶部| 首页| 碰碰手气| 捐赠支持| 手机版本|后花园

    Copyright © 2016-2017 小昱个人博客 滇ICP备16006294号