vue vue.use 封装常用方法

创建wttools.js

var wt = {
	test: 'wt.js 通用公共函数;按对象方式声明',
};

wt.msgok = function(str) {
	console.log('msgok:'+str);
	return 1
};


wt.install = function(Vue, option) {
	Vue.prototype.wt = wt
}

export default wt

main.js中引用 

//全局方法挂载,自定义组件wt
import wt from '@/utils/wttools.js'
Vue.use(wt)

vue中使用

<script>
var wt  // wt实例
export default {
    created() {
        console.log('created....');       
        wt = this.wt;
    },
    methods: {
        test(){
            wt.msgok('testabc')
            //或是
            this.wt.msgok('testabc')            
        }            
    }
}
</script>

如模板中使用,在computed中声明计算属性

computed: {
		gljs(){
			return this.wt.msgok('dddd')
		}
		
    }

模板是就可以{{gljs}}