Vue3封装知识点（二）v-model的应用[TOC] 原因在封装组件中，有一种情况，比如封装一个输入框，需要实时同步输入框内容，这个时候就是需要加入v-model操作了 v-model原理在Vue中，v-model 是一个指令，用于实现双向数据绑定。它通常用于表单元素，例如输入框、复选框和单选按钮，以便将表单输入与Vue组件的数据属性进行绑定。v-model 的原理可以简要概括为以下几个步骤：

在element plus中想要多选框（Checkbox）的功能，但是想要单选框(Radio)的圆形样式如何实现原因在完成一个业务需求时，需要一个框进行选择或者取消 element plus中的多选框（Checkbox）可以满足这个需求 但是不行，设计稿是根据单选框(Radio)样式出的，下面这个样子 可是这个单选框又不能点击取消选择，还是不满足 想直接改功能，但感觉有点麻烦，所以直接上样

webpack学习（一）基本配置[TOC] webpack简介本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示内容。 而在深入了解webpack之前

回流（重排）和重绘—性能优化[TOC] 写在前面最近学习React，虚拟dom涉及这一点，而之前的工作中也曾涉及过，回流（重排）和重绘对于项目性能优化这一部分是必不可少的，这里对其做一下总结 浏览器渲染过程想要了解其是什么，需要简单了解一下浏览器的形成过程 浏览器在渲染页面的时候，大致是以下几个步骤： 解析html生成DOM树，解析css，生成CSSOM树，将DOM树和CSSOM树结合，生成渲染

Vue3封装技巧（一）组件之间的传值用了很久一段时间Vue3+Ts了，工作中对一些常用的组件也进行了一些封装，这里对封装的一些方法进行一些简单的总结。 1.props传递首先在主组件进行定义传值 1234567891011<template> <div> 这里是主组件 <common :first="first"></common&

Vite初了解–常用配置总结初次学习Vite，配置信息看不懂，慢慢进行了解，这里先对其配置信息进行一个简单的了解 （默认的配置项，如果不想进行改动，可以不用写，真实项目中可能就只需要写几项配置信息即可） mode：指定应用程序的模式，可以是开发模式（’development’）或生产模式（’production’）。在开发模式下，Vite 会启用一些调试工具和优化，而在生产模式下，会进行代码压缩

在VUE3+Element plus中的el-table实现单元格内超出内容提示功能在完成公司业务的时候，表格内容太多会撑开，不太美观，需要做一些优化，发现有一些部分还是需要探讨一下。 1.Table-column 自带属性在Table-column 属性中有个属性 show-overflow-tooltip 当内容过长被隐藏时显示 tooltip 貌似可以直接实现该功能，但有两个缺点

刚学vue3的时候，每次用ref取值赋值都要用到“.value”后缀，认为非常麻烦，于是乎直接一直用reactive，可是工作后发现项目中几乎都用ref，这时就有点纳闷，为什么呢，来和我一起了解了解吧。 reactive()基本用法在 Vue3 中我们可以使用 reactive() 创建一个响应式对象或数组： 123import { reactive } from '

解决git pull时出现冲突无法pull时的问题我们在开发的时候正常pull是可以pull下来的，但当其他人和你的代码在同一个文件进行修改时，就会出现冲突，如下面场景： 这个可以看到它其实是给了两种解决方法 Please commit your changes or stash them before you merge. 但是直接commit时，它会进入一个编辑状态，这个时候其实相当于已

popover弹窗框中的teleported属性–Element plus踩坑日记今天在做项目时，有一个地方用到了弹窗框，但是有需求需要修改弹窗的阴影部分 比如下方的 我想对阴影进行修改，但是很是纳闷，各种标签选择器都不生效，很奇怪。 按照以往对element plus样式修改是完全没问题的。 带着疑问问了带我实习的师傅，发现了这个属性 teleported：是否将 popover 的下拉列