当前位置: 首页 > news >正文

Vue50-mixin混入

一、为什么要使用 mixin混入

两个组件共享一个配置。

二、使用 mixin混入 

2-1、创建一个混合js文件

2-2、引入混合js文件

1、局部混合

在每个组件中都引入混合js文件

注意:

混合就是复用配置,vm实例中的所有的配置项,都能在混合.js文件中写:

2、多个混合的引入

3、混合js中的配置和组件中的配置同名

  • 若是组件中的data、methods这些属性与混合中的data、methods同名,以组件中的data为主!
  • 但是对于生命周期钩子,不以任何人为主,是组件的+混合文件的。(都要!!!)

 

4、全局混合

组件中不用引入混合了,在main.js中引入混合。

所有vm和vc都能用!

三、小结

http://www.lryc.cn/news/374486.html

相关文章:

  • Java创建线程的方式
  • C# 程序结构
  • 【Linux】使用 iptables 验证访问HDFS 所使用到的端口
  • 工程设计问题---多盘离合器制动器设计问题
  • triton矩阵乘以及缓存优化
  • springboot 搭建一个 测试Kafka 集群连通性demo
  • Ant Design Vue 动态表头和数据填充
  • 在Spring Cloud项目中集成Springdoc OpenAPI生成OpenAPI 3文档的详细解析
  • Linux shell 重定向输入和输出
  • electron录制工具-视频保存、编辑页面
  • curl命令行发送post/get请求
  • Redis 分片集群
  • 学习分享-Callable 和 Runnable 任务
  • three.js 基础01
  • 使用file.transferTo()做Java文件复制,目标文件存在时,是抛异常还是覆盖写入?
  • Python:线性查找法
  • IDEA 设置主题、背景图片、背景颜色
  • 【elementui源码解析】如何实现自动渲染md文档-第三篇
  • this指针如何使C++成员指针可调用
  • Redis数据结构之字符串(sds)
  • tokenization(二)子词切分方法
  • 慈善组织管理系统设计
  • 大疆Pocket3手持记录仪格式化恢复方法
  • Mybatis的面试题
  • 渗透测试之内核安全系列课程:Rootkit技术初探(五)
  • 探索C嘎嘎的奇妙世界:第三关---缺省参数与函数重载
  • docker拉取镜像太慢解决方案
  • 仅凭一图,即刻定位,AI图像定位技术
  • 跟着刘二大人学pytorch(第---12---节课之RNN基础篇)
  • 父亲节 | 10位名家笔下的父亲,读懂那份孤独而深沉的父爱