博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue mixin的使用
阅读量:6619 次
发布时间:2019-06-25

本文共 678 字,大约阅读时间需要 2 分钟。

mixins是用来实现混和的,即组件中公用到的功能或者公用的库用mixins实现 mixin可以在全局插入使用,可以用来给所有的vue实例添加可重复使用的属性,方法及特性,比如使用mixin创建一个ajax,在方法里统一针对 401、403、404、500 …… 状态进行处理。

例如:为所有vue添加公共的属性:

import Vue from 'vue'Vue.mixin({  data(){    return {      message1:'test'    }  },  created: function () {    console.log(8888)  }})复制代码

在main.js中引入:

import Vue from 'vue'import Index from './index.vue'import router from './router/router'import componentRegister from './components/componentRegister'import mixin from './common/mixin'new Vue({  el: '#app',  router,  mixin,  componentRegister,  template: '
', components: { Index } //render: h => h(Index)})复制代码

转载于:https://juejin.im/post/5ae16b0d6fb9a07acc1168cb

你可能感兴趣的文章
POJ 3335 Rotating Scoreboard 半平面交
查看>>
域名和网址链接被微信浏览器拦截怎么办 微信屏蔽网址打开如何解决
查看>>
使用SQL Server Analysis Services数据挖掘的关联规则实现商品推荐功能(二)
查看>>
ubuntu下安装jdk
查看>>
python操作数据库-安装
查看>>
你真的了解interface和内部类么
查看>>
kuangbin专题七 POJ3264 Balanced Lineup (线段树最大最小)
查看>>
JS动画效果链接汇总
查看>>
陈云川的OPENLDAP系列
查看>>
P1197 [JSOI2008]星球大战
查看>>
XML转义字符
查看>>
mysql设置字符集CHARACTER SET
查看>>
Perl完全自学手册图文教程
查看>>
wordpress拿WebShell
查看>>
校园的早晨
查看>>
oracle取前几行|中间几行|后几行
查看>>
16.1 Tomcat介绍
查看>>
QuickBI助你成为分析师——数据源FAQ小结
查看>>
十周三次课
查看>>
2008 AD 复制有防火墙要开什么端口
查看>>