变量vue3 vue css
vue学习三
<div id="app3"> <button v-on:click="num++">+ </button> <span>{{ num }}</span> <button v-on:click="num--">- </button> <p v-if="num>10">帅</p> <p v-else- ......
CSS，position: relative用法
展示图如下： 使左边区域固定展示，不受子域名的影响，所以要使用相对定位position: relative 相对定位一般使用父级菜单 绝对定位使用如下： 绝对定位一般使用子级菜单 position: absolute 悬浮遮盖其余位置 ......
css中实现分区中列表的标记的改变
想要实现下面的情况该怎么写 1.可以在html中用分区标记（<div>）来实现三个分区 2.样式可以使用css来实现。（这里我采用的是外部样式表） 3.我们可以在分区标签中使用类标记器(上面的class就是类标记器)，然后在css中使用后代选择器，在选择器中使用列表属性list-of-style: ......
【Vue】自己编写排名组件
一、需求分析 这里我是用Echarts的柱状图，倒置下y轴x轴就实现了，然后产品说跟UI不一致 我一看UI这种又给我整不会了，然后想拿Echarts改改参数搞定，同事和群友都是说自己做，不要用Echarts改 二、实现思路 同事劝我用ElementUI的进度条组件来实现，进度条见： https:// ......
vue3
vue3介绍 vue3完全兼容vue2 # tree-shaking是一种消除死代码的性能优化理论# TypeScript -javascript:坑 》填坑 》弱类型 -typeScript：强类型语言 组合式api和配置项api vue3 兼容vue2 》vue2的内容，vue3完全适用vue3 ......
vue3比vue2优势
Vue 3相对于Vue 2有一些显著的优势，主要集中在性能、开发体验和一些新的特性上： 性能提升： 虚拟DOM的优化：Vue 3使用了更高效的虚拟DOM算法，减少了不必要的DOM操作，提高了渲染性能。 编译器优化：Vue 3的编译器生成的代码更为紧凑和高效，加速了首次渲染和更新速度。 更小的包大小： ......
C#学习笔记——变量
变量 变量是存储数值的容器，是一门程序语言的最基础的部分。 不同的变量类型可以存储不同类型的数值。 种类： 在C#种一共有14种变量： 有符号类型4种 无符号类型4种 浮点数3种 特殊类型(char bool string) //变量 //有符号类型的 范围 字节大小 位容量 sbyte sb=1; ......
Go基础之变量和常量
Go基础之变量和常量 目录Go基础之变量和常量一. 标识符、关键字、内置类型和函数1.1 标识符1.2 关键字1.3 保留字1.4 内置类型1.4.1 值类型：1.4.2 引用类型：(指针类型)1.5 内置函数1.6 内置接口error二.Go变量命名规范2.1 采用驼峰体命名2.2 简单、短小为首 ......
购物车计算总价vue小程序通用
计算总价 this.data.cartlist.filter(item=>item.checked).reduce((a1,a2)=>a1+a2.price*a2.goods_weight,0) 计算全选反选 // every: 有一个不满足条件就返回false return this.arr.ev ......
变量,常量,作用域
变量,常量,作用域 变量作用域 类变量 要用static关键词 实例变量(全局变量) 局部变量 只在{}括号内生效,且必须声明和初始化值 常量 常量在初始化后不能再改变值,是不会变动的值 常量可以理解为特殊的变量,关键词为final 常量一般使用大写字符表示 final 变量类型 常量名=值 ......
记录--Vue 右键菜单的秘密：自适应位置的实现方法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 下图这个情景，你是否也遇到过？ 当你右键点击网页上的某个元素时，弹出的菜单被屏幕边缘遮挡了，导致你无法看清或选择菜单项？ 上图中右键菜单的选项并不是固定不变的，它会根据不同的元素或场景来显示不同的选项。 也就是说，菜单的内容和大小都是动态 ......
vue3 新增 mitt 的使用
在 Vue 3 中，你可以使用 mitt 库来实现事件总线，以便在组件之间进行通信。下面是详细的介绍如何使用 mitt： 安装 mitt 库： 首先，确保你已经安装了 mitt 库。你可以使用 npm 或 yarn 来安装它： 插入代码复制代码 npm install mitt 或 插入代码复制代码 ......
css移除button按钮的所有属性
例如需要点击按钮才能触发的事件，按钮里面放图片会影响原本样式，这时需要隐藏button的样式 style="all: unset;" 效果：点击客服图标打开小程序客服窗口 ......
css虚线
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
vue上通过krpano.js实现360全景图
首先贴出一些XML对应的函数，文件内容都有注释说明， 前端代码读取xml文件代码 // 初始化 window.embedpano({ xml: 0, target: 'pano', html5: 'only', mobilescale: 1.0, passQueryParameters: 'star ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
创建vue3项目、setup函数、ref函数、reactive函数、计算监听属性、生命周期、torefs、vue3 setup写法
创建vue3项目 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前一样 - ......
vue3中defineComponent 的作用详解
转自：https://www.jb51.net/article/263096.htm 这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 vue3中，新增了 defineCompon ......
CSS清除浮动的方法
1、浮动的概念 在CSS中，浮动（float）是一种布局技术，用于控制元素在页面中的位置。通过将元素浮动到其容器的左侧或右侧，可以使其他元素环绕它。 常见的用法： 选择器 { float: left; //左浮动 } 选择器 { float: right; //右浮动 } 2、浮动的特点 （1）浮动 ......
是用非构建工具开始使用Vue3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
创建vue3项目，setup函数，ref函数，reactive函数，计算监听属性，生命周期， torefs，vue3 setup写法
1 创建vue3项目🐑 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前 ......
Vue.js 中添加动态背景图片
用 style 标签在 Vue.js 中应用或数据绑定背景图像，然后在其中定义 backgroundImage URL。 它会自动从字符串中检索url，然后在浏览器网页上显示相同的数据内容 ......
vue-router使用、localStorage系列、vue3介绍、组合式api和配置项api
vue-router使用 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面组件跳转的 基本 ......
Vue3中shallowReactive 与 shallowRef 的用法
转自：https://blog.csdn.net/qq_54527592/article/details/119840044 shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 ......
Vue3
一、创建vue3项目 1、 2、 二、setup函数 1、 三、ref函数 1、 四、reactive函数 1、 五、计算和监听属性 1、 六、生命周期 1、 七、torefs 1、 八、vue3 setup写法 1、 ......
Vue3
vue3.3.4 + vite4.4.9 1.组件安装 1.1 ElementPlus npm install element-plus --save main.js import ElementPlus from 'element-plus' import 'element-plus/dist/i ......
Vue3 Div 与 v-for 的配合应用，超出自动带滚动条
效果图 代码 <li > <a href="javascript:;" class="IndRea flexC Huans"><i></i><p>当前会议 [ 0 ]</p></a> <div style="height:80%;overflow:auto;"> <div v-for="(dataI ......
vue.js函数模板引用
// 参考网址：https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component// 模板引用也可以被用在一个子组件上。这种情况下引用中获得的值是组件实例：// 如果一个子组件使用的是选项式 API 或没有使用 <sc ......