vue.xx 使用方法汇总

Vue.prototype.xx

作用：挂载全局方法
使用场景一：将自定义函数或方法进行全局挂载，方便全局使用。

export function getData(param1) {

}

import { getData } from "@/xx/xx";
Vue.prototype.getData = getData;

this.getData(param1)

使用场景二：安装自定义插件

import { Message} from 'element-ui'

export default {
  // 消息提示
  msg(content) {
    Message.info(content)
  },
  // 错误消息
  msgError(content) {
    Message.error(content)
  },
  // 成功消息
  msgSuccess(content) {
    Message.success(content)
  },
  // 警告消息
  msgWarning(content) {
    Message.warning(content)
  }
}

import modal from './modal'

export default {
  install(Vue) {
    Vue.prototype.$modal = modal
  }
}

import plugins from './plugins' 
Vue.use(plugins)

this.$modal.msgSuccess("新增成功");