莫璃Moly-CSDN博客

原创 Vue插槽

让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件—>子组件。默认插槽、具名插槽、作用域插槽父组件中子组件中3.2 具名插槽父组件中子组件中3.3 作用域插槽理解数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定）父组件中子组件中...

2022-07-12 09:09:45 148 1

原创 Vue脚手架配置代理

在vue.config.js中添加如下配置：说明：编写vue.config.js配置具体代理规则：

2022-06-08 19:44:16 272

Vue全局事件总线1. 全局事件总线的作用2. 安装全局事件总线3. 使用事件总线4. 在beforeDestroy钩子中，用$off解绑当前组件所用到的事件5. 样例1. 全局事件总线的作用一种组件间通信方式，适用于任意组件间通信。2. 安装全局事件总线new Vue({ ...... beforeCreate(){ Vue.prototype.$bus=this //安装全局事件总线，$bus就是当前应用的vm }, ......})3. 使用事件总线接收数据：A组件想接收数

2022-05-24 09:47:29 240

原创 Vue组件02

2022-01-08 09:39:11 375

原创 Vue组件01

文章目录1. 非单文件组件1.1 局部非单文件组件1.2 全局非单文件组件2. 组件的嵌套1. 非单文件组件创建组件的三个步骤：第一步：定义组件第二步：注册组件第三步：编写组件标签1.1 局部非单文件组件<script> //第一步：创建组件 //创建school组件 const school=Vue.extend({ //一定不要写el配置项，因为最终的所有组件都要被一个vm管理，由vm决定服务于哪个容器 //el:'#

2021-12-15 21:15:27 590

原创 Vue生命周期函数

文章目录1. 生命周期2. beforeCreate生命周期函数3. created生命周期函数4. beforeMount生命周期函数5. mounted函数1. 生命周期2. beforeCreate生命周期函数这时候如果这样写，会报错。<script> var vm = new Vue({ el: '#app', data: { msg:'OK' }, methods:{

2021-12-13 21:18:24 612

原创 Vue自定义指令

文章目录1. 自定义全局指令1. 自定义全局指令，让文本框获取焦点2. 自定义全局指令，设置文字样式3. 自定义指令的时候，使用传递的参数值1. 自定义全局指令1. 自定义全局指令，让文本框获取焦点自定义一个指令"v-focus"<input type="text" class="form-control" v-model="keywords" id="search" v-focus>使用Vue.directive()定义全局指令。其中，参数1是指令名称，在定义的时候，指令名称前面

2021-12-10 10:39:49 331

原创 Vue自定义按键修饰符

文章目录1. vue提供的按键码2. 其他按键码3. 自定义全局按键修饰符1. vue提供的按键码.enter.tab.delete.esc.space.up.down.left.right示例代码：<input type="text" class="form-control" v-model="name" @keyup.enter="add()">2. 其他按键码keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab T

2021-12-09 19:28:51 448

原创 Vue中过滤器的使用

文章目录1. 全局过滤器的基本使用2. 案例1. 全局过滤器的基本使用过滤器定义语法Vue.filter(‘过滤器的名称’,function(){})过滤器中的function，第一个参数已经规定死了，永远都是过滤器管道符前面传递过来的数据<!DOCTYPE html><html><head><meta charset="utf-8"><title>过滤器的基本使用</title><script src="ht

2021-12-08 21:13:44 1319

原创 Vue.js学习笔记03

文章目录1. v-for指令的四种使用方式1.1 使用v-for循环普通数组1.2 使用v-for循环对象数组1.3 使用v-for循环对象1.4 使用v-for迭代数字2. v-for中key的使用3. v-if和v-show的使用1. v-for指令的四种使用方式1.1 使用v-for循环普通数组<div id="app"> <p v-for="(item,i) in list">{{i}}----{{item}}</p></div>&

2021-12-07 21:20:57 107

原创 Vue.js学习笔记02

文章目录1. 通过属性绑定，为元素设置class类样式1.1 直接传递一个数组1.2 在数组中使用三元表达式1.3 在数组中使用对象1.4 直接使用对象2. 使用内联样式2.1 直接在元素上通过:style的形式，书写对象2.2 将样式对象，定义到data中2.3 在:style中通过数组，引用多个data上的样式对象1. 通过属性绑定，为元素设置class类样式首先定义几个class类。<style> .red{ color: red; } .th

2021-12-07 18:56:42 280

原创 Java实现图书管理系统

下载地址：https://download.csdn.net/download/qq_42430908/31166480

2021-10-18 15:41:05 111

原创 Java的文件读写

public class Main { public static void main(String[] args) throws Exception { try { BufferedWriter out = new BufferedWriter(new FileWriter("filename")); out.write("aString1\n"); out.close(); out .

2021-09-18 16:48:46 96

原创使用java实现记账小程序

文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结前言作为java初学者，程序里面可能会有一些写的不好的地方，请见谅。作为一个从C++转Java的初学者，还不会使用Java中的文件读写，所以后面的代码中，是将数据存储在一个列表中的，而一般涉及大量数据存储的程序，一般是将数据存储在数据库或者文件中的。好啦，不说了，我们开始吧~一、定义存储数据的类定义一个Bills类用来存储记录，记录一条账务，我们需要有：账务类别、金额、使用...

2021-09-17 16:57:43 2418

原创 Vue.js学习笔记01

文章目录一、v-cloak v-text v-html的使用1. v-cloak2. v-text3. v-html二、v-bind指令一、v-cloak v-text v-html的使用1. v-cloak使用v-cloak能够解决插值表达式闪烁的问题。例如，当不使用v-cloak时，如果网速过慢，加载过程中就会显示{{msg}}。<div id="app"> <p>{{msg}}</p></div><script> var

2021-06-11 16:43:55 479 2

原创 socket聊天室

文章目录一、套接字相关知识1.概念2.TCP/IP的三种套接字3.面向连接的CS模型4.无连接的CS模型二、服务器端代码三、服务器端代码一、套接字相关知识1.概念套接字可以理解为通信连接的一组数据，其中主要包括协议、主机IP地址、端口号。描述两个应用进程之间的端到端通信关联需要，协议、信源机IP地址、信源应用进程端口、信宿机IP地址、信宿应用进程端口。2.TCP/IP的三种套接字流套接字（SOCK_STREAM）（有连接）、数据报套接字（SOCK_DGRAM）（无连接）、原始套接字（SOCK

2021-04-06 20:41:10 108

原创 Ajax收发数据

Ajax请求的五个步骤。创建XMLHttpRequest异步请求对象，注册回调函数，配置请求信息，发送请求，创建回调函数。Ajax数据收发。首先要新建一个XMLHttpRequest异步请求对象，然后将发送数据的函数绑定到onreadystatechange事件，使得readyState的值改变的时候，function函数会被调用。然后需要判断xmlhttp.readyState == 4 && xmlhttp.status == 200，就是判断ajax对象的状态(readyState)

2021-04-06 20:26:00 87

原创 C++绘制程序窗口

文章目录前言一、设计窗口类二、注册窗口类三、创建窗口四、显示窗口五、更新窗口六、消息循环七、完整代码前言绘制窗口的步骤可以大致分为，设计窗口类，注册窗口类，创建窗口，显示窗口，更新窗口，消息循环。一、设计窗口类这里要用到WNDCLASS窗口类，先定义一个WNDCLASS类的变量。通过对于这个变量的初始化，我们可以设置窗口的背景颜色，鼠标光标类型，图标，应用程序实例句柄，窗口处理函数等等。TCHAR szAppClassName[] = TEXT("ZWX");WNDCLASS wc = {

2021-04-06 20:18:51 10190 1

原创基于Opencv的人脸识别

文章目录前言一、对象检测初始化二、获取样本三、读取样本四、训练数据五、识别人脸六、完整代码前言人脸识别算法用的是Eigenface算法。Eigenface算法原理：计算平均脸->计算协方差矩阵->计算特征值->计算特征矩阵->得到特征脸->将图片与特征脸对比识别人脸。一、对象检测初始化定义一个CascadeClassifier对像来检测人脸，先使用load方法初始化，初始化时要用到haar的特征人脸识别分类器。string haar_face_datapat

2021-04-02 10:45:22 3769

原创 C++实现对文件的输出

文件打开方式模式描述ios::in为输入而打开文件ios::out为输出而打开文件ios::ate初始位置定位到文件末尾ios::app所有输出附加在文件末尾ios::trunc如果文件已存在则先删除该文件例如：ofstream fd;fd.open("文件名.txt", ios::out);if (!fd.is_open()) { cout << "无法打开文件！" << endl; return;}完

2021-02-08 16:16:33 383

原创基于MUI的汽车租赁系统移动应用

基于MUI的汽车租赁系统移动应用主要功能描述主要功能描述由于是移动端的应用，面向的是需要租赁汽车的用户，因此移动端应用本身不需要涉及到后台的数据操作等管理员需要的功能。对于实际的用户需求可以设计出三部分主要的功能，包括登录注册功能、车辆信息展示功能和数据统计功能。用户可以通过登录账号查看个人信息，包括当前正在租用的汽车信息和计时计费信息。考虑到租赁汽车手续比较繁杂，因此没有设计直接在移动应用上租赁汽车的功能。车辆展示功能主要展示当前可租用车辆的车辆信息，方便用户考虑租用哪种车辆。数据统计功能可以展示当

2021-01-06 16:30:03 400

原创 MFC+opencv实现人脸检测

MFC+opencv实现人脸检测效果图环境配置代码一、简述二、打开目标图片三、裁剪图片四、还原图片五、检测图片效果图先来看看效果图吧。检测后的结果将会显示在文件夹里。环境配置首先，需要配置opencv环境，可以参考这篇文章：Windows下OpenCV 3.4.0 + Visual Studio2015开发环境的配置其次，是核心识别库环境配置，这里放上另一篇文章，配置步骤写的很详细可以参考一下：opencv核心识别库环境配置代码一、简述使用MFC绘制对话框就不过多赘述了，这里

2021-01-04 17:38:06 928

原创 opencv核心识别库环境配置

opencv核心识别库环境配置简述1. 引入src文件到项目目录2. 配置包含目录和库目录3.配置附加依赖库4.配置预处理器定义简述核心识别代码以及包含文件分别再src和include目录下，静态链接库文件在lib文件夹中，动态链接库文件在bin文件夹中。1. 引入src文件到项目目录2. 配置包含目录和库目录3.配置附加依赖库4.配置预处理器定义...

2021-01-04 16:38:58 213

qq_42430908的博客