变量vue3 vue css
Map<String, List<DeliverOrderVO>>集合原来还可以这样定义，还能像list集合一样进行分组，只需要对map集合定义的变量调用自带的分组方法，如下图：
而若想要循环，只需要将其value取出将其变为一个map集合，就可以再度循环将想要的值取出。如下图： ......
解析vue项目，scoped，ref属性，混入mixin，插件，Elementui
0 解析一下vue项目🐱🚀 1 为什么浏览器中访问某个地址，会显示某个页面组件 -0 根组件：App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 router ......
css学习总结
实现开门效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
vue3的ref、reactive的使用
一、介绍 ref和reactive是Vue3中用来实现数据响应式的API，一般情况下，ref推荐定义基本数据类型，reactive推荐定义引用数据类型（对象或数组） 二、ref与reactive对比 <template> <p>{{ person.name }}</p> <p>{{ person.l ......
【转载】Vue Provide / Inject 详细介绍（跨组件通信、响应式变化、版本变化）
版权声明：本文为CSDN博主「前端不释卷leo」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常，当我们需要从父组件向子 ......
Vue组件懒加载
在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 ......
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
Vue-基本语法及事件绑定
一.基本语法 v-bind绑定： 双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用 v-bind 指令 代码展示： <div id="app"> <span v-bind:title="message" v-html="tips"> </sp ......
CSS
CSS 1.什么是CSS 如何学习CSS CSS是什么 CSS怎么用（快速入门） CSS选择器（重点+难点） 美化网页（文字、阴影、超链接、列表、渐变....） 盒子模型 浮动 定位 网页动画（特效效果） 1.1什么是CSS Cascading Style Sheet层叠级联样式表 CSS：表现（美 ......
vue样式穿透
本文转载自https://www.jb51.net/article/253428.htm#_label0，转载仅供学习使用. scoped属性 我们在vue组件写样式一般是在<style>标签里面，但是我们在这里的样式默认是全局样式，如果其它组件的class名取重复了则会导致样式污染。 所以vue支 ......
c++ 访问全局变量
#include <iostream> using namespace std; int a{ 1 }; int main() { int a{ 123 }; cout << "外部的a：" << a << endl; //外部的a：123 { cout << "外部的a：" << a << end ......
15-Vue核心-列表过滤和列表排序
列表过滤 监视属性，实现列表过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本列表</title> <!-- 引入Vue --> <script type="text/javascript" src= ......
Ant Design Vue 中的tab组件中，获取不到$ref
问题：在tab的组件中引入了一个组件，在页面渲染时，需要用到子组件bpmnModeler 里面的方法，调用this.$ref.bpm的时候报错了，找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
小白之熟悉常见DOS命令及通过环境变量打开微信
1：常见DOS命令 （1）切换盘符： 例如D盘，直接D： （2）进入盘符下目录： cd 目录 （3）返回上一级目录：cd .. （4）查看当前路径下目录： dir （4）创建和删除目录： rd和md （5）DOS打开微信： 1：path环境变量里配置微信程序路径。2：DOS里直接敲可执行文件名称。 ......
vue-day05
补充 1.图片 在接口中返回一些数据和图片地址，而不是图片的二进制内容 {code:100,msg:'成功',img:地址} 2.md5 不是加密， 摘要算法 动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个 ......
安装及认识变量
大家好，我是Antvictor，一个励志要成为架构师的程序员。 闲话少说，让我们直接开始安装Python。 Python安装 从Python官网找到Download下载对应的安装包，python3.6及以上即可。 Python官网会根据系统默认展示对应系统的最新版本安装包，下载成功后点击安装。 这里 ......
Vue的DatePicker日期选择器
picker-option属性 官网描述是这样的 1.disabledDate 一般我们使用picker-option都是通过disabledDate参数，来设置其日期选择区间，代码如下： <el-col :span="12"> <el-form-item label="开票日期起" prop="r ......
Vue-cli创建项目
1. 单页面应用：spa - 以后Vue的项目就只有一个：XX.html页面 - 当定义了很多组件，不可能都写在：XX.html中吧 2. 单文件组件：xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组 ......
vue.js学习
前言 本博客为二创作品，原文为：狂神说笔记——Vue 快速入门 19 - subeiLY - 博客园 (cnblogs.com) 参考视频为：https://www.bilibili.com/video/BV18E411a7mC/ 前端没审美又想快速弄好看点可以弄 bootstrap 可视化布局 可 ......
Vue页面切换表单数据不清空
需求描述：表单填写后，切换tab页再切回该页面时，表单内容依旧存在。 核心技术：sessionStorage beforeRouteLeave() created() 解决方案：beforeRouteLeave() 函数中将表单数据保存到sessionStorage中。 created() 函数中将 ......
我不知道的vue3
代替 Vue.delete vue3 中可以使用 delete obj.xxx 就可以实现去删除 obj的xxx属性！！！ 第二种： 借助于 del import {del} from 'vue' del(obj, propertyName) 也可删除属性！！！ 每个vue 页面因为scoped 这 ......
看到过的css 属性！！！
记录一下看到过的，没见过的不知道就算了; inline-size: 60px block-size:30px padding-block:10px 这三个文字属性 和 writing-mode: 有关， writing-mode 设置文字是从左往右排列还是从上往下 关于 nth-child!!! M ......
html与css小知识
html 入门学习 参考资料:https://www.cnblogs.com/gh110/p/15153664.html 参考视频:https://www.bilibili.com/video/BV1x4411V75C 扩展: qq 邮箱扩展(点击联系我)可以打开 qq 推广弄 iframe 可以作 ......
Vue动态组件、插槽、vue项目
一、动态组件 1、动态组件 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
不使用第三个变量交换两个整数a,b的值
//题目：不使用第三个变量交换两个整数a,b的值 int a = 2; int b = 5; //第一种方式 //a = a + b; //b = a - b; //a = a - b; //txta.Text = a.ToString(); //txtb.Text = b.ToString(); ......
Java学习之路--Demo06--变量
package com.chao.base;public class Demo06 { //类变量 关键字static static double salary = 2500; //属性：变量 //实例变量：从属于对象,如果不自行初始化，这个类型的默认值 0 0.0 //布尔值：默认是false / ......
首次加载vue+vite项目报错
报错了： failed to load config from D: ***** vite.config.jserror when starting dev server:Error: Cannot find module 'vite'Require stack:- D: ***** vite.co ......
css字体---跨站引入报跨域问题【解决方法】
最近遇到一个问题，考虑到网站的性能，需要将图标字体单独放到一个网站引入，减少资源占用，但是遇到一个问题，引入字体文件的时候，报跨域的错误。 具体解决方法：将图标字体转base64 转换网址：https://transfonter.org/ 按照以下三个步骤进行操作： 然后下周这个： 里面有个：sty ......
vue项目-封装树形控件公用组件
vue项目中，如h5端，第三方的树形选择器无法满足项目开发时，原生封装tree控件，通过判断是否存在子节点，循环递归组件完成树形封装，通过vue指令实现跨级传递数据或方法 封装树形组件如下： 1 <template> 2 <div class="tree-select-page"> 3 <div c ......
Vue中的常见指令有哪些
Vue中的常见指令有哪些 v-bind：将数据绑定到HTML元素属性上，可以简写为“:” v-on：绑定事件，可以简写为“@”【例如@click表示点击事件，即点一下会发生什么】 v-model：实现双向数据绑定 v-show：根据表达式的值，控制元素的显示或隐藏【相当于Java中的if】 v-if ......