使用mixin混入可复用组件

1、mixin.js

import Foot from 'components/Footer.vue'

let mixin = {
  filters: {
    currency (value) {
      let realVal = ''
      if (!isNaN(value) && value!== '') {
        // 截取当前数据到小数点后两位
        realVal = parseFloat(value).toFixed(2)
      } else {
        realVal = '--'
      }
      return realVal
    }
  },
  components: {
    Foot
  }
}
export default mixin

这当中有一个footer组件和一个保留两位小数过滤器，使用频率比较高

2、页面中引用

import mixin from 'js/mixin.js'

并在vue中定义一个使用混入对象的组件，和methods、data等同级

mixins: [mixin]