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

Vue50-mixin混入

news 文章来源：https://blog.csdn.net/qq_31532983/article/details/139717332 2024/11/1 20:34:07

一、为什么要使用 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都能用！

三、小结

相关文章：

Vue50-mixin混入

一、为什么要使用 mixin混入 两个组件共享一个配置。 二、使用 mixin混入 2-1、创建一个混合js文件 2-2、引入混合js文件 1、局部混合 在每个组件中都引入混合js文件 注意： 混合就是复用配置，vm实例中的所有的配置项，都能在混合.js文件中写…...

编程日记 2024/6/17 11:05:46

Java创建线程的方式

继承Thread类 这是创建线程的基本方式之一。你需要创建一个新的类，该类继承自Thread类，并重写run()方法。然后，你可以创建这个类的一个实例并调用它的start()方法来启动新线程。 public class MyThread extends Thread { Override public vo…...

编程日记 2024/6/17 11:04:44

C# 程序结构

C# 程序结构 C#（读作“C-sharp”）是一种由微软开发的高级编程语言，它是.NET框架的一部分。C# 设计用于现代软件开发，具有强大的类型系统、丰富的库支持和面向对象的特性。本文将详细介绍C#程序的基本结构，包括其语法、类型系统、控制结构、类和对象等。 C# 程序的基本结…...

编程日记 2024/6/17 11:03:43

【Linux】使用 iptables 验证访问HDFS 所使用到的端口

目录 ​编辑 一、实操背景 二、iptables 简介 三、模拟操作 一、实操背景 背景： 在客户有外网的服务器需要访问内网大数据集群HDFS，使用iptable模拟测试需要开放的端口。 二、iptables 简介 具体介绍看文章： 【Linux】Iptables 详解与实战…...

编程日记 2024/6/17 10:58:37

工程设计问题---多盘离合器制动器设计问题

这个问题的主要目的是使多片式离合器制动器的质量最小化。在这个问题中，使用了五个整数决策变量，它们是内半径（x1）、外半径（x2）、盘厚度（x3）、致动器的力（x4）…...

编程日记 2024/6/17 10:57:36

triton矩阵乘以及缓存优化

这里triton.cdiv(M, META[BLOCK_SIZE_M]) * triton.cdiv(N, META[BLOCK_SIZE_N])，所以grid的形状是一维的。 观察函数内部 pid tl.program_id(axis0)，因为grid是一维的，所以这里就是总块数，我们假设实际A*BC， A&…...

编程日记 2024/6/17 10:55:30

springboot 搭建一个 测试Kafka 集群连通性demo

废话不多说直接上代码&#xff1a; 1.pom <!-- https://mvnrepository.com/artifact/org.springframework.kafka/spring-kafka --><dependency><groupId>org.springframework.kafka</groupId><artifactId>spring-kafka</artifactId><ve…...

编程日记 2024/6/17 10:54:29

Ant Design Vue 动态表头和数据填充

创作动态表头和数据填充的前端应用&#xff1a;使用 Ant Design Vue 在现代前端开发中&#xff0c;动态表格是一个常见而且非常有用的功能。Ant Design Vue作为一个优秀的UI组件库&#xff0c;为开发者提供了丰富的组件和API来实现复杂的前端需求&#xff0c;包括动态表头和数…...

编程日记 2024/6/17 10:53:28

在Spring Cloud项目中集成Springdoc OpenAPI生成OpenAPI 3文档的详细解析

在Spring Cloud项目中集成Springdoc OpenAPI生成OpenAPI 3文档的详细解析 在Spring Cloud项目中生成OpenAPI 3文档&#xff0c;可以使用Springdoc OpenAPI。Springdoc OpenAPI提供了一种简单的方法来生成符合OpenAPI 3规范的API文档。以下是详细的步骤和解析&#xff0c;展示如…...

编程日记 2024/6/17 10:51:26

Linux shell 重定向输入和输出

Linux shell 重定向输入和输出 1. Standard I/O streams2. Redirecting to and from the standard file handles (标准文件句柄的重定向)2.1. command > file2.2. command >> file2.3. command 2> file2.4. command 2>> file2.5. command < file2.6. comm…...

编程日记 2024/6/17 10:49:24

electron录制工具-视频保存、编辑页面

效果如下 electron录屏-保存录制视频 资源 导出视频使用了 mp4-wasm&#xff0c;基本使用&#xff0c;可参考 此文 想法 1、点击按钮导出&#xff0c;弹出选择保存文件夹 2、保存成功后&#xff0c;自动打开保存后文件夹窗口并关闭窗口 实现 获取保存文件夹路径&#xff0…...

编程日记 2024/6/17 10:47:20

curl命令行发送post/get请求

文章目录 curl概述post请求get请求 curl概述 curl 是一个命令行实用程序&#xff0c;允许用户创建网络请求curl 在Windows、 Linux 和 Mac 上皆可使用 post请求 一个简单的 POST 请求 -X&#xff1a;指定与远程服务器通信时将使用哪种 HTTP 请求方法 curl -X POST http://ex…...

编程日记 2024/6/17 10:45:17

Redis 分片集群

一. 前言 前面文章介绍了主从集群和哨兵模式。其中主从集群可以通过读写分离的方式解决高并发场景下的读问题&#xff1b;而在主节点出现故障时&#xff0c;又可以通过哨兵模式的自动选举来实现高可用。 Redis 主从集群 && 哨兵模式 二. Redis 分片集群 2.1 分片集群…...

编程日记 2024/6/17 10:44:16

学习分享-Callable 和 Runnable 任务

前言 顺带回顾学习一下Callable 或 Runnable 任务 Callable 和 Runnable 任务 Callable 和 Runnable 是 Java 中用于定义任务的接口&#xff0c;它们主要用于并发编程&#xff0c;允许任务在独立的线程中运行。 Runnable 任务 Runnable 是一个函数式接口&#xff0c;只包含…...

编程日记 2024/6/17 10:42:13

three.js 基础01

1.场景创建 Scene() 2.常用形状集几何体「Geometry」[可设置长宽高等内容&#xff0c;如&#xff1a;new THREE.BoxGeometry(...)] 长方体 BoxGeometry圆柱体 CylinderGeometry 球体SphereGeometry圆锥体ConeGeometry矩形平面 PlaneGeometry 圆面体 CircleGeo…...

编程日记 2024/6/17 10:40:10

使用file.transferTo()做Java文件复制，目标文件存在时，是抛异常还是覆盖写入？

背景 最近在做一个项目&#xff0c;在服务端涉及到文件的复制操作&#xff0c;于是想到了 Java 中 FileInputStream 类的 transferTo() 方法。这里简单记录一下用法&#xff0c;另外&#xff0c;如果目标文件已经存在&#xff0c;该如何处理这种情况呢&#xff1f;是出现异常还…...

编程日记 2024/6/17 10:39:08

Python:线性查找法

什么是线性搜索算法&#xff1f; 线性搜索算法是一种基本的搜索技术&#xff0c;用于查找目标元素是否存在于一个集合&#xff08;通常是列表或数组&#xff09;中。该算法的工作原理非常简单&#xff1a;它从集合的第一个元素开始逐个检查&#xff0c;直到找到目标元素或遍历完…...

编程日记 2024/6/17 10:37:05

IDEA 设置主题、背景图片、背景颜色

一、设置主题 1、点击菜单 File -> Settings : 点击 Settings 菜单 2、点击 Editor -> Color Scheme -> Scheme, 小哈的 IDEA 版本号为 2022.2.3 , 官方默认提供了 4 种主题&#xff1a; Classic Light &#xff08;经典白&#xff09; ;Darcula &#xff08;暗黑主…...

编程日记 2024/6/17 10:35:03

【elementui源码解析】如何实现自动渲染md文档-第三篇

目录 1.前言 2.webpack.demo.js 3.markdown文档 4.fence.js 1&#xff09;tokens 2&#xff09;::: 3&#xff09; 5.containers.js 1&#xff09;markdown-it-container 2&#xff09;md.use() 3&#xff09;代码逻辑 4&#xff09;containers小结 6.congfig.js …...

编程日记 2024/6/17 10:34:02

this指针如何使C++成员指针可调用

在C中&#xff0c;this指针是一个隐藏的指针&#xff0c;指向当前对象实例。它在成员函数中自动可用&#xff0c;用于访问该对象的成员变量和成员函数。理解this指针的工作原理有助于理解为什么指向成员的指针是可调用的。在本文中&#xff0c;我们将详细探讨this指针的概念&am…...

编程日记 2024/6/17 10:30:59

Redis数据结构之字符串(sds)

Redis数据结构之字符串(sds) redisObject 定义如下 struct redisObject {unsigned type:4; //数据类型unsigned encoding:4; /*encoding 编码格式&#xff0c;及存储数据使用的数据结构&#xff0c;同一类型的数据&#xff0c;Redis 会根据数据量&#xff0c;占用内…...

编程日记 2024/6/17 10:29:58

tokenization（二）子词切分方法

文章目录 概述BPE构建词表词元化代码实现 WordPieceUnigram估算概率&#xff08;E&#xff09;删除词元&#xff08;M&#xff09; 参考资料 概述 接上回&#xff0c;子词词元化&#xff08;Subwords tokenization&#xff09;是平衡字符级别和词级别的一种方法&#xff0c;也…...

编程日记 2024/6/17 10:28:57

慈善组织管理系统设计

一、用户角色与权限 慈善组织管理系统设计首先需要考虑的是用户角色与权限的划分。系统应明确区分不同的用户角色&#xff0c;如管理员、项目负责人、财务人员、捐赠者等&#xff0c;并为每个角色分配相应的权限。管理员应拥有最高的权限&#xff0c;能够管理系统全局&#xf…...

编程日记 2024/6/17 10:27:55

大疆Pocket3手持记录仪格式化恢复方法

大疆Pocket系列是手持类产品&#xff0c;此类产品处理过不少像Pocket、Pocket2、Pocket3基本上涉及Pocket全系列&#xff0c;今天来看一个Pocket3误格式化之后的恢复方法。 故障存储: 120G存储卡 /文件系统&#xff1a;exFAT 故障现象: 在备份视频数据时由于操作失误导致初…...

编程日记 2024/6/17 10:22:49

Mybatis的面试题

1. 什么是一级缓存什么是二级缓存&#xff1f; MyBatis是一款优秀的持久层框架&#xff0c;它提供了一级缓存和二级缓存来提高数据库访问性能。 一级缓存 一级缓存是指在同一个SqlSession中进行的缓存。当MyBatis执行查询时&#xff0c;查询结果会被缓存在SqlSession的内存中…...

编程日记 2024/6/17 10:21:47

渗透测试之内核安全系列课程：Rootkit技术初探（五）

今天&#xff0c;我们来讲一下内核安全&#xff01; 本文章仅提供学习&#xff0c;切勿将其用于不法手段&#xff01; 目前&#xff0c;在渗透测试领域&#xff0c;主要分为了两个发展方向&#xff0c;分别为Web攻防领域和PWN&#xff08;二进制安全&#xff09;攻防领域。在…...

编程日记 2024/6/17 10:20:46

探索C嘎嘎的奇妙世界:第三关---缺省参数与函数重载

在c语言中,我们常常在对有参函数进行传参,这样的繁琐过程,C祖师爷对此进行了相关改进,多说无益,上干货: 1 缺省参数: 缺省参数是指在声明或定义函数时为函数的形参指定一个默认值&#xff08;默认参数&#xff09;。在调用该函数时&#xff0c;如果没有指定实参&#xff0c;则…...

编程日记 2024/6/17 10:19:44

docker拉取镜像太慢解决方案

前言 这是我在这个网站整理的笔记,有错误的地方请指出&#xff0c;关注我&#xff0c;接下来还会持续更新。 作者&#xff1a;神的孩子都在歌唱 创建daemon.json文件,输入以下信息 vim /etc/docker/daemon.json{"registry-mirrors": ["https://9cpn8tt6.mirror…...

编程日记 2024/6/17 10:15:37

仅凭一图，即刻定位,AI图像定位技术

AI图像定位技术&#xff0c;解锁空间密码&#xff01;仅凭一图&#xff0c;即刻定位&#xff0c;精准至经纬度坐标&#xff0c;让世界无处不晓。 试试看能否猜中这张自拍照的背景所在&#xff1f;可别低估了A的眼力&#xff0c;答案说不定会让你大吃一惊呢。 近期&#xff0c;…...

编程日记 2024/6/17 10:14:36

跟着刘二大人学pytorch（第---12---节课之RNN基础篇）

文章目录 0 前言0.1 课程视频链接&#xff1a;0.2 课件下载地址&#xff1a; 1 Basic RNN1.1 复习DNN和CNN1.2 直观认识RNN1.3 RNN Cell的内部计算方式 2 具体什么是一个RNN&#xff1f;3 使用pytorch构造一个RNN3.1 手动构造一个RNN Cell来实现RNN3.2 直接使用torch中现有的RN…...

编程日记 2024/6/17 10:12:32

河北邢台做移动网站/seo排名赚app官网

前言二叉树遍历是非常经典的算法题&#xff0c;也是二叉树的一道基础算法题。但是在平常的笔试面试中&#xff0c;其出现的频率其实并不是特别的高&#xff0c;我推测是这种题目相对来说比较基础&#xff0c;算是一个基础知识点。比如剑指offer中出现的后序遍历题目&#xff0c…...

编程日记 2024/11/1 16:25:13

建立网站不公开/免费个人网站源码

设计模式6大原则-单一职责原则 定义&#xff1a;一个类应该只有一个引起变化的原因。一个类只负责一项职责 如果一个类有多个职责&#xff0c;这些职责耦合在一起&#xff0c;当一个职责发生变化时&#xff0c;可能影响其他的职责。 如&#xff1a; 一个类有 A、B、C 等职责…...

编程日记 2024/11/1 15:44:55

设计师的素材网站/端口扫描站长工具

小波与小波变换_图文_百度文库 https://wenku.baidu.com/view/d55626d9ac51f01dc281e53a580216fc700a5361.html 图像Haar小波变换 - HanFeiKei的博客 - CSDN博客 https://blog.csdn.net/HanFeiKei/article/details/83584963 转载于:https://www.cnblogs.com/wxl845235800/p/996…...

编程日记 2024/11/1 10:40:49

前端怎么做电商网站/今日重大新闻

我以前一直很疑惑芯片设计这一块在实际中是怎么做的呢&#xff1f;今天了解了一下&#xff0c;现在设计芯片一般采用FPGA开发&#xff0c;大概流程如下&#xff1a; 1、功能定义/器件选型&#xff1a;设计芯片之前当然你要知道你设计的芯片有什么功能&#xff0c;然后就模块化…...

编程日记 2024/11/1 7:58:16

中心网站建设/市场调研报告3000字范文

参考博文&#xff1a; sqlyog安装详细步骤...

编程日记 2024/11/1 7:47:03

wordpress 手机模版/线上推广宣传方式有哪些

Sublime Text 3与Sublime Text 2的不同 其实有不少人写过如何让Sublime Text 2支持GB2312和GBK编码&#xff0c;例如这篇。基本原理就是先装好Package Control&#xff0c;然后再通过这个安装ConvertToUTF8的Package。 但是文中的方法在Sublime Text 3时代行不通了&#xff0c;…...

编程日记 2024/11/1 6:45:57