全局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"
   ],
相关推荐
耶啵奶膘39 分钟前
uniapp-是否删除
linux·前端·uni-app
王哈哈^_^2 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie3 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic3 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿4 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具4 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161775 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test5 小时前
js下载excel示例demo
前端·javascript·excel
Yaml45 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事5 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro