Vue2:mixin初试,公用方法需返回一个Promise来处理异步问题

59 篇文章 ¥19.90 ¥99.00

在项目中,很多时候同样的逻辑可能在不同的地方使用,比如我从后台获取某列表时,需要根据登录用户的角色的不同,调用不同的接口,从不同的数据库表中获取对应数据。而这个逻辑,在许多页面中都需要用到,不同的页面,使用的控件可能不一样,所以,无法做成通用的组件,此时,就需要将这部分逻辑抽取出来,写成公用的方法,在不同的页面,都调用这同一个方法来获取数据,这就要用到mixin。我的理解,就是公用的utility函数。

1、定义一个mixin

不限于公用的逻辑方法,其中可以包含任何需要抽取的公共内容:

export const MyOwnMixin={
  data(){
    return {

    }
  },
  computed: {

  },
  watch: {

  },
  methods: {
    myFunc(){
        //处理公用逻辑
    }
  },
}

2、在Vue组件中使用mixin

import {MyOwnMixin} from "@/mixins/MyOwnMixin";
export default {
  mixins: [MyOwnMixin],
  mounted() {
    // 调用mixin中的myFunc函数
    this.myFunc();
  }

如果不涉及异步问题,到这里,这个公用方法就已经抽取出来了。但是,如果涉及后台接口,在调用myfunc时,需注意异步问题,例如:


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值