Vue 添加全局方法

某个方法需要频繁用到，又不想每次都引入，用Plugin一次引入，多地调用，棒棒哒

1. 创建方法

• src下新建plugin文件夹，用来存放插件
• 比如想调用的方法名为$toTop,新建toTop.js，编写方法(全局方法最好用$开头)

export default {
  install (Vue, options) {
    Vue.prototype.$toTop = function () {
      console.log('Plugin Test')
    }
  }
}

2. 添加到Vue全局方法中

• 在main.js中引入，添加

// 插件
import ToTop from './plugin/toTop' // 引入
Vue.use(ToTop) // 添加

3. 使用

• 然后就可以在组件中自由使用啦

 mounted () {
    this.$toTop()
}

So easy ~