element-plus element vue3 plus
对于Vue3和Ts的心得和思考
Vue3已经正式发布了一段时间了，各种生态已经成熟。最近使用taro+vue3重构冷链的小程序，经过了一段时间的开发和使用，有了一些自己的思考。 ......
mybatis-plus中QueryWrapper方法
queryWrapper.lt（）——小于 queryWrapper.le（）——小于等于 queryWrapper.gt（）——大于 queryWrapper.ge（）——大于等于 queryWrapper.eq（）——等于 queryWrapper.ne（）——不等于 queryWrapper. ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
Mybatis Plus根据某字段特定值排序
需求 背景：一个审核流程。审核人等级分为市级和省级，管理员升级字段adminlevel，字段含义：1省级，2市级。审核字段audit为int字段，字段含义：1待市级审核，2待省级审核，3通过审核。 需求：不管市级还是省级，都需要将待审核数据放在列表上方，其余按照添加时间倒序，使用Mybatis Pl ......
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
Mybatis Plus根据某字段特定值排序
需求 背景：一个审核流程。审核人等级分为市级和省级，管理员升级字段adminlevel，字段含义：1省级，2市级。审核字段audit为int字段，字段含义：1待市级审核，2待省级审核，3通过审核。 需求：不管市级还是省级，都需要将待审核数据放在列表上方，其余按照添加时间倒序，使用Mybatis Pl ......
mybatis-plus常用注解和方法
初识mybatis-plus 简介 MyBatis-Plus (opens new window)（简称 MP）是一个 MyBatis (opens new window)的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 那么它是怎么增强的呢？ 其实就是它已经封装 ......
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
vue3基础练习
slot就是把标签传递进组件 实现同一个组件有不同的表现形式 同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中 slot组件中，作用域的问题 传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的{{}}变量直接调用父组件中data内容。 slot ......
初识Vue3
vue3.0 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue -- ......
vue-element-template实现顶部菜单栏
一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录，改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......
day13-SpringBoot整合MyBatis/Plus
SpringBoot整合MyBatis/Plus 1.SpringBoot整合MyBatis 1.1整合案例 需求：整合SpringBoot和Mybatis，向数据库中查询数据。 项目结构： 1.1.1创建数据库和表 -- 创建数据库 DROP DATABASE IF EXISTS springbo ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
element ui 实现让表格内的内容自定义颜色
element ui 官网链接 element-plus ui Table 介绍 Table的属性 cell-style 单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。 function({ row, column, rowIndex, c ......
vue3中vue-router一个简单使用案例
![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
vue3中的setup含义
setup 是 Vue3 中引入的一个新的选项，用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数，它在组件实例被创建之前执行，并返回一个包含状态和方法等配置信息的对象。 具体来说，setup 选项的作用包括： 响应式数据：使用 Vue3 ......
vue-element-admin 运行踩坑笔记
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! Error while executing: npm ERR! G:\ForCodeSoftwa ......
mybatis-plus分页插件
import com.baomidou.mybatisplus.annotation.DbType; import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor; import com.baomidou.mybat ......
element-ui table组件使用expand-change时，禁用某行不可展开
由于业务需求，要求某行数据满足一定条件时不可展开，搜了下，大家提供的方案是：通过样式隐藏展开内容，或者隐藏展开按钮，隐藏内容和需求不合适，隐藏按钮的话也比较复杂。自己研究了下，找到个简单的办法，通过method：来解决toggleRowExpansion，官方解释如下： 1 ... 2 modelE ......
vue3报错 Vue received a Component which was made a reactive object.
报错信息如下： Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
Element UI布局容器中<el-container>的一个问题
<el-container>：外层容器。当子元素中包含 <el-header> 或 <el- footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。 所以需要一个<el-header>或<el-footer>所支撑 ......
Vue3+vite项目中如何动态导入并创建多个全局组件
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错（vueSetupExtend不是一个函数）
vite V3.0.0 vite.config.ts 引入插件报错（***** 不是函数） ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......
vue3组件之间传值
父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue' ......
Vue3中使用pinia
Vue3中使用pinia Pinia是一个轻量级的、基于Vue 3的状态管理库，它的设计目标是提供简单易用的API，使得开发者能够更加便捷地管理Vue 3应用程序中的状态。与Vuex相比，Pinia更加轻量级和易于理解，适用于中小型应用程序。 Pinia的核心是store实例，每个store实例都包 ......
基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口
ChantGPT很多，网上很多说的ChantGPT搭建及源码都是假的，无法使用的，自己研究了好几天，搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程，现在分享出来，有喜欢的朋友自行下载搭建，用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口，聊天记录导 ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
vite 如何使用 element-ui
vue2 vite 如何使用 element-ui 项目版本如下 { "dependencies": { "element-ui": "^2.15.13", "vue": "^2.7.7" }, "devDependencies": { "@vitejs/plugin-legacy": "^2.0. ......