当前位置: 首页 > 文档资料 > VUX 中文文档 >

Vue 全局公用函数

优质
小牛编辑
134浏览
2023-12-01

如果你需要让一个工具函数在每个组件可用,可以把方法挂载到 Vue.prototype上。

注册

main.js

Vue.prototype.$method = function () {}

一般建议函数名使用 $ 前缀。像 vue-router$route$router

使用

那么组件代码里

export default {
  created () {
    this.$method()
  }
}

说明

挂载到 prototype 上是为了方便组件内直接用 this.$method 来使用,你也可以直接用 Vue.method,这样同样可以全局使用,不过在组件内就需要再 import 一次 Vue 了。