全局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"
   ],
相关推荐
IT_陈寒2 分钟前
Python 3.12 的这5个新特性,让我的代码性能提升了40%!
前端·人工智能·后端
方安乐19 分钟前
vite+vue+js项目使用ts报错
前端·javascript·vue.js
韩立233321 分钟前
Vue 3.5 升级指南
前端·vue.js
子兮曰28 分钟前
🚀别再乱写package.json了!这些隐藏技巧让项目管理效率提升300%
前端·javascript·npm
我叫汪枫34 分钟前
Spring Boot图片验证码功能实现详解 - 从零开始到完美运行
java·前端·javascript·css·算法·html
小桥风满袖37 分钟前
极简三分钟ES6 - ES8中async,await
前端·javascript
一直在学习的小白~1 小时前
node_modules 明明写进 .gitignore,却还是被 push/commit 的情况
前端·javascript·vue.js
前端小超超2 小时前
如何配置capacitor 打包的ios app固定竖屏展示?
前端·ios·web app
nightunderblackcat2 小时前
新手向:从零理解LTP中文文本处理
前端·javascript·easyui
kyle~2 小时前
python---PyInstaller(将Python脚本打包为可执行文件)
开发语言·前端·python·qt