vue-公共方法

1.创建js

可以在src文件下，创建一个文件夹放公共方法js

2.定义方法

export default {
  // 方法1
  testMethod1: function () {
    console.log('对，我只是一个测试公共方法')
  },
  // 方法2
  testMethod2: function (val) {
    console.log('巧了，我也是测试公共方法，我是', val)
  }
}

 

3.声明原型 

在main.js中进行，说明入口：Vue.prototype

// 引入testPublicMethod.vue
import testPM from './utils/testPublicMethod'

// Vue.prototype注册的是一个全局的变量原型，而不是一个全局变量
// 注册全局变量原型testPMethod
Vue.prototype.testPMethod = testPM

 

4.引用公共方法 

在vue中通过声明的原型引用方法

// 引用公共方法1
this.testPMethod.testMethod1()
// 引用公共方法2
this.testPMethod.testMethod2('testMethod2')

5.实现效果