全局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"
   ],
相关推荐
从零开始学习人工智能26 分钟前
快速搭建B/S架构HTML演示页:从工具选择到实战落地
前端·架构·html
虫虫rankourin1 小时前
在 create-react-app (CRA) 创建的应用中使用 react-router-dom v7以及懒加载的使用方法
前端·react.js
小刘鸭地下城1 小时前
Web安全必备:关键 HTTP 标头解析
前端
yddddddy1 小时前
html基本知识
前端·html
荣达2 小时前
koa洋葱模型理解
前端·后端·node.js
reembarkation2 小时前
使用pdfjs-dist 预览pdf,并添加文本层的实现
前端·javascript·pdf
KenXu3 小时前
F2C-PTD工具将需求快速转换为代码实践
前端
给月亮点灯|3 小时前
Vue3基础知识-setup()、ref()和reactive()
前端·javascript·vue.js
芜青3 小时前
【Vue2手录12】单文件组件SFC
前端·javascript·vue.js
冷冷的菜哥3 小时前
react实现无缝轮播组件
前端·react.js·typescript·前端框架·无缝轮播