码迷,mamicode.com
首页 > 其他好文 > 详细

学习使用 vue mixin

时间:2020-07-14 18:16:57      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:page   现在   ret   ext   base   created   create   怎么   request   

import { service } from ‘@/utils/request‘

const myMix = {
  created () {
this.
helloWorld()
    this.getTypeList() 
},
methods: {
helloWorld(){
console.log(‘hello world‘)
}, async getTypeList () { const retdata
= await this.$api.audit.getWordTypeList({ page: 1, pagesize: 100 }) this.dealMap = {} const _this = this retdata.data.list.forEach(item => { _this.dealMap[item.id] = item.sp_name }) } } } async function getTypeList () { const retdata = await service.get(‘/admin/audit/get_illegal_word_sp_type_list‘, {params:{ page: 1, pageSize: 100 }}) const dealMap = {} retdata.data.list.forEach(item => { dealMap[item.id] = item.sp_name }) return dealMap } export { myMix, getTypeList }
import { myMix ,getTypeList } from ‘@/utils/cmnFunc‘

  name: ‘AuditTextBase‘,
  // mixins: [myMix],

  created(){
    getTypeList()
  }

 

 

other

1、

现在用mixin还多吗

 我不怎么用  主要是 不好用

写一个 base Page

可以用 extend 继承 

存 store 可以吗  或者依赖注入  (就是从父组件的数据, 它的所有后代组件都可以获取  挺方便的)

2、别用mixin吧

你就直接继承

这个不方便

你需要获取数据,然后用callback或者promise返回数据

Mixin是插入到vue组件里的,this肯定可以用

学习使用 vue mixin

标签:page   现在   ret   ext   base   created   create   怎么   request   

原文地址:https://www.cnblogs.com/dhjy123/p/13300403.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!