全局mixins

一、文章由来

在开发过程中发现在钩子函数位置直接使用dicts就能直接绑定数据了,由此溯源发现了自己的盲区

二、局部使用

bash 复制代码
// myMixin.js文件
var myMixin = {
  created: function () {
    this.hello()
  },
  methods: {
    hello: function () {
      console.log('hello from mixin!')
    }
  }
}

使用

bash 复制代码
 mixins: [mixin],

三、全局使用

bash 复制代码
Vue.mixin({
  created: function () {
    var dicts= this.$options.dicts // 通过this.$options可以过去到所有钩子函数和自定义的同级方法
    if (dicts) {
      console.log(dicts) //打印结果: ["insurance_type","insurance_mode","livestock_type"]
    }
  }
})

使用

bash 复制代码
// dicts是和钩子函数同级的
dicts: [
    "insurance_type",
    "insurance_mode",
    "livestock_type"
   ],
相关推荐
滴水可藏海几秒前
Chrome离线安装包下载
前端·chrome
m512710 分钟前
LinuxC语言
java·服务器·前端
Myli_ing1 小时前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维1 小时前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
雯0609~2 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ2 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z2 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜2 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4042 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish2 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue