vue自定义插件

Posted cengjingdeshuige

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue自定义插件相关的知识,希望对你有一定的参考价值。

1.新建js文件 utils.js,自定义方法

let local = {
    say() {
        console.log(‘我是插件里面自定义的方法‘)
    }
}
export default {
    install: function(vm) {
        vm.prototype.$local = local
    }
}

2. mian.js引入插件,注入实例

// 导入插件
import utils from ‘./utils/utils‘
Vue.use(utils) // 注入vue实例

3.组件调用

this.$local.say()  // 我是插件里面自定义的方法

  

 

以上是关于vue自定义插件的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板

VSCode自定义代码片段13——Vue的状态大管家