vue 全局属性和方法（原型挂载）

1. 简单使用

在 main.js 中挂载

Vue.prototype.$click = function() {
  alert("我是Vue原型方法");
};
Vue.prototype.$propety = "我是Vue原型属性";

2. 封装

1. 新建 src/utils/global.js，在 install 函数中，将方法和属性挂在到 Vue 原型对象上

const globals = {
  install: function(Vue, option) {
    Vue.prototype.$click = function() {
      alert("我是Vue原型方法");
    };
    Vue.prototype.$propety = "我是Vue原型属性";
  }
};

export default globals;

2. 在 main.js 中 use

import globals from "@/utils/global.js";
Vue.use(globals);

3. 在组件中使用

<template>
  <div>
    <div @click="$click">{{ $propety }}</div>
  </div>
</template>
<script>
export default {};
</script>