element-plus element vue3 plus
Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置
项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu ......
vue3中的vue-18n的table表格标题不动态变化中英文
使用 computed 即可 eg： const columns = computed(() => { return reactive<any>([ { title: proxy.$t('device.pm.table.index'), dataIndex: 'index', width: 50, ......
Object.defineProperty(obj,key,val)不可以监听数组变化，需要做特殊处理，所以Vue3.0使用Proxy实现数据监听
关于Vue双向数据绑定说法错误的是（ ） A Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式 B Object.defineProperty(obj,key,val)可以监听数组变化，不需要做特殊处理 C Vue2.0 数据劫持是利用ES5的Object.defineProperty(ob ......
在element中安装el-table-infinite-scroll报错
1. 情况说明 在element2 + vue2 的项目中，安装 el-table-infinite-scroll@2，就报错 This dependency was not found: * core-js/modules/es.error.cause.js in ./node_modules/e ......
vue2 和 vue3 什么区别
GitHub Copilot: Vue 2 和 Vue 3 在许多方面都有所不同，以下是一些主要的区别： Composition API: Vue 3 引入了 Composition API，这是一种新的方式来组织和复用代码。这是与 Vue 2 Options API 相比的一个重大改变。 性能: ......
vue3 基础-Vuex 全局数据状态管理
针对页面间, 组件间的数据共享问题, Vue 提供一个数据管理框架 Vuex, 早期主要是用于 Vue2 , 而现在用 Vue3 也是可以正常使用, 但在 Composition API 下则会感到这个数据管理流程不论同步还是异步, 总感觉有点繁琐和反人类, 确实是不如它的竞品 Pinia, 但还是 ......
使用element-UI完成展示个人信息的组件
<template> <el-descriptions class="margin-top" title="" :column="3" :size="size" border> <template slot="extra"> <el-button type="primary" size="small ......
C++PRIMER PLUS 第五版 习题集随笔
这篇文章是我在学习C++PRIMER 习题集时 ,遇到我认为有必要笔记下来的内容。 思考： 请思考如何写一个单词计数程序: 要求： 1.请使用map容器 2.请使用insert迭代器代替下标操作 代码示例: #include<iostream> #include<map> #include<stri ......
C++ PRIMER PLUS 第五版习题集随笔 二
随笔二 在C++ STL容器中的关系容器比较特殊,map,set,multimap,multiset等,他们有自己的排序算法, 并且只要向这些关系容器插入元素, 就好默认使用升序的排序算法. 示例 假设有作家: A, B, C, D每位作家各自拥有与其他作家不同数量的作品: it1, it2, t3 ......
Element UI 组件学习
[Vue warn]: Invalid prop: type check failed for prop "right". Expected Number with value 15, got String with value "15". at <ElBacktop target=".layout ......
11 11 vue3代码优化
使用axios发送异步请求是这种格式，现在异步请求都封装到api中。说法如下： 接口调用的js代码一般都会封装到js文件中，并一函数的形式暴露给外部，例如： 这张图片包括了没有参数和有参数的两种情况 然后在组件中的script中调用函数就行，但这样不行，好像跟什么同步异步有关，反正这样是无法运行的， ......
slice不改变原数组，返回截取的数组，slice(start,end), splice改变原数组splice(start,how many,element1,…)
执行以下程序，输出结果为（） var a =[1,2,3]; var b = a.slice(); b.push(4); console.log(a) [1,2,3] array.slice(begin,end)将返回一个由begin和end决定的原数组的浅拷贝， 其中，begin和end参数均是可 ......
JavaScript--DOM概述&Element对象获取与使用
通过DOM对HTML进行操作 1、获取Element对象 2、常见的HTMLElement对象的使用 查看文档：https://www.w3cschool.cn/jsref/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ......
Mybatis-Plus 使用隐患，太坑了！
作者：糊涂码 链接：https://juejin.cn/post/7156428078061895710 前言 MP 从出现就一直有争议 感觉一直 都存在两种声音 like： 很方便啊 通过函数自动拼接Sql 不需要去XML 再去使用标签 之前一分钟写好的Sql 现在一秒钟就能写好 简直不要太方便 ......
Vue3 路由查询参数更新后，执行更新方法
import { ref, defineComponent, watch,getCurrentInstance } from "vue"; import { useRoute } from 'vue-router'; export default defineComponent({ setup() ......
Vue - 创建 Vue3 项目
Vue - 创建 Vue3 项目 需搭建项目 Vue3 + ts + sass 1. 创建项目 npm create vite@latest 2. 安装依赖 tyarn 3. 启动项目 yarn dev 4. 处理其他配置问题 1） 打开HelloWorld.vue页面，发现一些报红，报错 解决：找 ......
vue3 Suspense
在Vue.js 3中，Suspense 是一个用于处理异步组件的特殊组件，它允许你在等待异步组件加载时展示备用内容。这对于优化用户体验、处理懒加载组件或异步数据获取时非常有用。Suspense 的主要目标是简化异步操作的状态管理和展示。 下面是一个简单的例子，演示了如何在Vue.js 3中使用Sus ......
vue3 KeepAlive
在Vue.js 3中，<keep-alive> 是一个抽象组件，用于保留其子组件状态，防止在切换组件时销毁它们。这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用。<keep-alive> 主要用于缓存组件，以提高性能和用户体验。 以下是一个简单的例子，演示了如何在Vue.js 3中使 ......
vue3 Teleport
在Vue.js 3中，Teleport 是一种特殊的组件，用于在 DOM 树中的任何地方渲染其内容，而不受父组件的约束。这对于需要将组件的内容移动到 DOM 树的其他部分时非常有用，例如在模态框或弹出窗口中使用。 Teleport 提供了两个名为 teleport 和 teleport-to 的指令 ......
mybatis-plus 根据当前时间，判断检索
<if test="timeStatus != null and timeStatus.trim() != ''"> <if test="timeStatus == 1"> <![CDATA[ AND DATE_FORMAT(now(), '%Y-%m-%d %H:%i:%S') < DATE_FO ......
element-plus设置为中文
element-plus组件文字语言默认是英文，需要手动更改一下中文包 引入element import ElementPlus from "element-plus"; import "element-plus/dist/index.css"; import zhCn from "element- ......
Vite4+Typescript+Vue3+Pinia 从零搭建(2) - tsconfig配置
tsconfig配置 项目代码同步至码云 weiz-vue3-template 关于tsconfig的配置字段可查看其他文档，如 typeScript tsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions": { "target": "ESNex ......
Vite4+Typescript+Vue3+Pinia 从零搭建(1) - 项目初始化
项目初始化 项目代码同步至码云 weiz-vue3-template 前提准备 1. node版本 Node.js版本 >= 12，如果有老项目需要旧版本的，推荐用 nvm 管理node版本。 PS C:\Users\Administrator> nvm --version 1.1.11 PS C: ......
11 9 学习vue3
今天创建了vue项目，了解了vue项目的目录如下： vue的组件分为组合式api和选项式api ①创建了组件内容如下： <script setup> import {articleGetAllService,articleSearchService} from '@/api/article.js' ......
记录--vue3 setup 中国省市区三级联动options最简洁写法，无需任何库
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在写页面的时候，发现表单里面有一个省市区的 options 组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。 虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合 elementUI 等各种 UI 库的，但是我 ......
Mybatis-plus 批量插入insertBatchSomeColumn的使用
Mybatis-plus 的 service 层 IService 接口下的 saveBatch 批量插入方法不够高效 Mybatis-plus 的 mapper 层有个选装件 insertBatchSomeColumn 1，新增一个类 此SQL注入器继承了DefaultSqlInjector(默认 ......
vue3中使用qrcode生成二维码
安装 npm install --save qrcode.vue or yarn add qrcode.vue 组件中使用 <script setup lang="ts"> import { useUiSetStore } from '@store/modules/uiSettings' //导入二 ......
vue2，vue3的优缺点
vue2： 优点：vue2比较成熟，所以具有比较完善的第三方的插件和库的支持，和技术资源的支持和解决方案d的社区等 缺点： 对ts语法的支持有限 vue2中difff算法遍历dom树的关系，优化程度较低 vue3： 优点： 引入一些高级的api 优化了diff算法，使得性能更好，包更小 对ts的语法 ......
uni-app vue3 获取元素报错问题
关于uniapp中vue3使用uni.createSelectorQuery()时的this指向及查询结果说明_前端_谁凉了时光旧了少年-华为云开发者联盟 (csdn.net) ......