vue mixin使用
2024-10-21 03:57:57
1、概述
将一些公用方法引入到不同的组件中。
2、引入方式
(1)全局引入
// 注册全局Mixin
Vue.mixin({
methods: {
$touch: function() { // 用以同时watch多个字段变化
return Date.now();
},
anotherMethods: function() {
console.log(8888)
}
}
})
(2)局部引入
let myMixin = {
methods: {
hello: function() {
console.log('hello from mixin!')
}
}
} mixins: [myMixin],
mounted() {
console.log(this.hello(), '$hello');
},
混入对象可以包含任意组件选项。
最新文章
- 认识Python
- [工作积累] error: bad class file magic (cafebabe) or version (0033.0000)
- WCF 扩展一:格式化Web服务请求XML
- bzoj 2818 Gcd(欧拉函数 | 莫比乌斯反演)
- 计算几何模板 (bzoj 1336,poj 2451 ,poj3968)
- CAGradientLayer实现色差动画
- BZOJ1419: Red is good
- PL/SQL 编程(三 )程序包和包体,触发器,视图,索引
- 搭建redis cluster
- MSIL实用指南-IL版hello world
- nginx 实现所有的子域名301跳转到另外一个域名的对应子域名
- [Solution] 885. Spiral Matrix Ⅲ
- JS高级程序设计3
- BIO、NIO实战
- C++ code:string stream(string流)
- [USACO09OPEN]Ski Lessons
- gVim中重新载入当前文件
- thinkphp相关功能整合系列
- Hadoop的分布式架构改进与应用
- JAXB 专题二(BSP接口实战)
热门文章
- [BZOJ4028][HEOI2015]公约数数列(分块)
- 【Pollard-rho算法】【DFS】poj2429 GCD &; LCM Inverse
- nginx-404与fastcgi_intercept_errors指令
- EMGU 2.9.X在VS2010下调试真正靠谱的配置
- BZOJ 3571 画框 KM算法 最小乘积最大权匹配
- [转]Android中的android:layout_width和android:width
- PAT甲级1057. Stack
- python输出字符串,UnicodeEncodeError: 'ascii' codec can't encode characters in position问题
- NativeXml: A native Delphi XML parser and writer
- Spring MVC - Hello World示例