vue全局方法公用

项目中经常会遇到方法的公用，那在vue我们可以用插件的思想来解决问题，把方法挂载到 vue本身。
下面介绍两种方法组件思想和插件思想
【1】组件思想
（1）组件components文件里面新建LoanCaculate.js

export default {
  //计算公式： ［贷款本金 × 月利率 × （ 1 ＋月利率）＾还款月数］ ÷ ［（ 1 ＋月利率）＾还款月数－ 1 ］  
  //本息还款的月还款额(参数: 年利率/贷款总额/贷款总月份)
  Acpi(lilv, total, month) {
    let lilv_month = lilv / 12; //月利率
    let mounthPay = total * lilv_month * Math.pow(1 + lilv_month, month) / (Math.pow(1 + lilv_month, month) - 1);
    return mounthPay
  },
}

（2）页面使用

import LoanCaculate from "../components/LoanCaculate"

monthPay =  LoanCaculate.Acpi(this.rate,this.loanMoney,this.months)

【2】插件思想
（1）src下新建plugin文件夹，新建getAlienStr.vue里面是公用方法getAlienStr是插件的名字

<script>
export default {
  install (Vue, options) {
    Vue.prototype.$getAlienStr = function () {
        var minutes = Math.round(new Date() / 60000)
        minutes=minutes.toString(31)
        return minutes
    }
  }
}
</script>

（2）挂载到Vue全局方法中，在main.js中引入

//引入验证自定义公用方法插件
import getAlienStr from './plugin/getAlienStr' // 引入
Vue.use(getAlienStr) // 添加

（3）在其他页面使用

this.$getAlienStr()