vue 混入（minxins）封装复用高的消息提醒

使用场景：

1.请求失败，消息提醒

2.取消操作，友好提示用户

3.总之，复用率高的一些功能

使用方式：

1、封装信息提示函数，建立mixin.js文件

 

export const resMess = {
    methods: {
      resMessage (type, text) {
        this.$Message[type]({
          content: text,
          duration: type === 'success' ? 2 : 5
        })
      }
    }
  }

2、引入到组件中

import {resMess} from '@/components/common/mixin.js'

export default{

　　mixins: [resMess],

　　data () {}

}

引入地址按自己项目真实地址修改

使用方式

this.resMessage('success', '恭喜操作完成')