码迷,mamicode.com
首页 > 其他好文 > 详细

Vue自定义插件方法大全

时间:2018-01-01 18:12:00      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:prot   func   class   引入   rom   value   插件   log   vue   

新年第一天首先祝大家新年快乐,心想事成!

1.利用根实例构造函数的原型

//在构造函数的原型链上添加自定义属性
Vue.prototype.test = ‘pomelo‘
//在其他组件中调用
console.log(this.test)         //pomelo

通过原型链添加方法,同理

2.通过Vue的插件机制 (常用方法)

(1) 以util.js为插件文件,则需在项目入口文件main.js中引入:

import Utile from ‘./lib/utils‘

Vue.use(Utile)

(2)插件暴露

let test = {
    fun1 () {
        console.log(‘fun1‘)
    },
    value1: ‘value1‘
}
// 将对象挂载在原型链上,并暴露实例
export default {
    install: function (vm) {
        vm.prototype.$test = test
    }
}

(3)调用插件

console.log(this.$test.fun1())
console.log(this.$test.value1)

 

Vue自定义插件方法大全

标签:prot   func   class   引入   rom   value   插件   log   vue   

原文地址:https://www.cnblogs.com/pomelott/p/8167932.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!