day4 vue day
第十八篇 vue - 深入组件 - 组件事件
触发与监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中) $emit() 方法在组件实例上也同样以 this.$emit() 的形式可用 父组件可以通过 v-on (缩写为 @) 来监听事件 同样，组件的事件监听器也支持 .once 修 ......
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
Vue生命周期
vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示： 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 ......
3.29 c提高 6day 继承
1.继承中的构造和析构 --执行顺序-- 父类构造 子类构造 析构子类 析构父类 2.继承中同名成员的处理 1.当子类和父类有同名成员时，子类的同名成员会隐藏父类的同名成员 class fa { public: int c = 0x11; private: }; class son :public ......
机器学习08DAY
线性回归 波士顿房价预测案例 步骤 导入数据 数据分割 数据标准化 正规方程预测 梯度下降预测 # 导入模块 import pandas as pd # 导入数据 from sklearn.model_selection import train_test_split # 数据分割 from skl ......
Vue指令具体实现
v-bind： 指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。 代码： <!DOCTYPE html> <html ......
day29（2023.3.29）
1.死锁案例演示 运行结果: 2.解决线程死锁 运行结果: 3.实现生产者与消费者模式 运行结果: 4.网络编程预习①（一些小概念,了解即可） 5.网络编程预习②（一些小概念,了解即可） 6.网络编程预习③（一些小概念,了解即可） 7.网络编程预习④（一些小概念,了解即可） day29（2023.3 ......
day02-功能实现02
功能实现02 6.功能05-显示家居信息 6.1需求分析 进入后台系统，可以在页面进行所有家居信息的展示 6.2思路分析 完成从后端代码从mapper（dao层）-->Service层-->Controller层，并对代码进行测试 完成前端代码，使用axios发送http请求，返回所有家居信息，将数 ......
Vue指令
指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素，判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素， ......
3.29 滴水 1day
滴水 1.宽度永远是4 2.++ -- 是自身地址去掉后减少的宽度 3.指针相减 相减的结果要除以去掉一个的数据的宽度. 作业 1.4字节 2.40字节 3.作业 Stud**** s; s = (Stud****)100; printf("%d\n", s = s + 2);//108 print ......
day3
1、104 二叉树的最大深度 559 n叉树的最大深度 104 二叉树的最大深度 递归法 本题可以使用前序（中左右），也可以使用后序遍历（左右中），使用前序求的就是深度，使用后序求的是高度。 根节点的高度就是二叉树的最大深度，本题中通过后序求的根节点高度来求的二叉树最大深度。 代码 class So ......
代码随想录day 28 491. 递增子序列 | * 46.全排列 | 47.全排列 II
给定一个整型数组, 你的任务是找到所有该数组的递增子序列，递增子序列的长度至少是2。 示例: 输入: [4, 6, 7, 7] 输出: [[4, 6], [4, 7], [4, 6, 7], [4, 6, 7, 7], [6, 7], [6, 7, 7], [7,7], [4,7,7]] 说明: 给 ......
Vue2.0和3.0watch侦听器的改变和一些问题
话不多说，直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时，无法正确获得oldValue的值，也即数据发生改变之前的数据，此问题到目前仍未得到解决，不知在后续的版本中，尤雨溪及其他的团队来怎么解决这一问题 ......
Vue
Vue 1.什么是Vue? Vue是一款渐进式前端框架基于MVVM模式,免除JS中DOM操作,简化书写和操作流程. 2.如何使用? 1.新建一个HTML文件,引入Vue.js文件. <script src="js/vue.js"></script> 2.创建Vue对象,定义模型数据. <!--2 创 ......
vue中新的状态管理器-pinia
背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea ......
vue国际化在js中$t()报错
最近在做国际化的时候，发现在.vue里面写国际化语言没有报错，而且也可实现国际化，可是在js中引入$t()写法的时候，报错。 最后花了一个小时解决了，做一个笔记，以供后来学者遇到此类问题，仅供参考。 1，首先，我引入的国际化写法是在main.js中引入了，所以在.vue文件中引入国际化语言的写法，自 ......
ant design vue中form-model嵌入级联a-cascader中回显
前言 在form-model表单中写入a-cascader，现在开发编辑功能，需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value，从级联中拿取值用:model，把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
vue中el-select，el-radio-group设置默认值
首先来说设置默认值是用v-model去绑定一个值， 如下，一般大家用label是来展示具体展示在前端的文字，value是这组对象里每个对象的标识。 打个比方item.label是姓名，item.value是学号，学号不在前端展示。这样的话，v-model绑定的字符串对象写item.label的值。 ......
element+vue2下的input的样式修改
/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)
报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......
代码随想录Day14-Leetcode144. 二叉树的前序遍历，94.二叉树的中序遍历，145.二叉树的后序遍历
递归遍历 前序遍历:根左右 一路俯冲,然后回头 /** * Definition for a binary tree node. * function TreeNode(val, left, right) { * this.val = (val undefined ? 0 : val) * this ......
vue3 中使用 transition的问题
问题：在路由中添加动画效果但是，当切换路由时，页面一片空白，这个问题困扰了我几天了，今天终于发现了它的问题，特来记录一下，以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果，于是便这样写 // 提示： name="fade-transform" fade-transform是css类 ......
Vue 中给图片添加时间水印
Vue 中给图片添加时间水印，可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下： 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串，并根据需要生成对应的日期时间图片（可以借助 Canvas API 来绘制） ......
vue3定义变量ref、reactive、toRefs的特征和应用
1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象，传入的为基本数据类型，例如字符串、数字、boolean 等,返回值是一个对象，这个对象上只包含一个 value 属性 ref定义的变量，改变值要.value,而且在template中不用写.value <div>{{ms ......
vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题
今天研究了一下vue生成二维码的功能，在使用vue-qr插件的时候，在所需页面引入，报错，于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件，搜...e,将...去掉，然后重新运行就好。 ......
vue 实现下拉滑动触底加载
实现下拉滑动触底加载可以分为以下几个步骤： 监听滚动事件，判断是否到达底部。 到达底部后，发起数据请求，获取数据。 将获取到的数据添加到页面上。 下面是一个基于Vue.js的示例代码： <template> <div class="container" ref="container" @scroll ......
vue-router学习笔记
入门 router-link // Go to Home router-view //router-view 将显示与 url 对应的组件。 ##动态路由匹配 带参数的动态路由匹配（$route.params） const User = { template: '<div>User</div>', ......
vue项目手动上传文件并展示进度条
问题： 1.上传文件可能会跨域，查找跨域解决办法。（查找资料表明用手动上传，new FormData()方式可以解决，先用这个试一试） 2.手动上传没有进度条，查找进度条实现方式。（自定义axios,添加请求参数onUploadProgress） 3.进度条的进度和上传的对勾显示时机不一致。（解决办 ......
vue全家桶进阶之路24：Mock
Mock 是一个 JavaScript 库，用于生成随机数据或模拟 HTTP 请求响应，用于前端开发中的单元测试、功能测试、集成测试等场景。 Mock 可以生成各种类型的数据，包括字符串、数字、布尔值、对象、数组等等，并支持多种数据格式，例如 JSON、XML、YAML 等。Mock 还支持自定义数 ......