vue3随手记

vue3数据懒加载 列表滚动加载 可能是全网最容易理解的

百度搜了几篇懒加载，都写的不详细，摸索了下，写篇博客记录下需求是这样的，分页加载改成滚动到最后再加载，因为组件是自己写的，翻了下组件库，没有这个功能，就自己写一个首先在hooks里面写一个ts文件，我这取名叫做use-lazy-data.tsimport{useIntersectionObserver}from'@vueuse/core';import{ref}from'vue';//数据懒加载函
爱学习的小康·2023-12-28 09:44

Vue3后台管理系统（十六）图标选择器

目录一、场景效果二、添加图标三、封装组件四、使用案例一、场景效果二、添加图标收集需要的图标集合，全部放到src/assets/icons文件夹中三、封装组件在src/components文件夹下新建IconSelect文件夹，并在IconSelect文件夹下新建index.vue{{item}}import{ref}from'vue';importSvgIconfrom'@/components/
文子阳·2023-12-28 09:43

Vue3第六篇：配置@根路径，替代../../

1.安装依赖npminstallpath--save2.安装插件PathIntellisense3.配置提示vscode中依次点击：文件-首选项-设置-工作区-扩展-path-intellisense对settings.json进行编辑：将path-intellisense.mappings的值设置如下：{//...这里你们可能还有其他的一些自定义配置"path-intellisense.mapp
文子阳·2023-12-28 09:13

vue-pure-admin项目的学习

前言感谢作者的开源，让我们有机会学习项目地址：vue-pure-admin只是记录自己的学习，有问题地方感谢指正只会记录一些自己目前感觉有用的知识点代码demo都是基于vue3、ts、elementplus
无知的小菜鸡·2023-12-28 08:44

基于SpringBoot + Vue的个人博客

博客介绍基于Springboot+Vue3开发的前后端分离博客在线地址项目链接：www.ttkwsd.top后台链接：admin.ttkwsd.top测试账号：[email protected]，密码：123456Github
IT阿冬·2023-12-28 08:44

一、Vue3.0之属性及其语法

-本篇文章我们来看一下vue3.0的基本语法，包含了变量定义，以及页面如何去取值。
arguments_zd·2023-12-28 08:04

Vue3实战教程（快速入门）

Vue3实战教程（快速入门）前言1.搭建脚手架1.1创建项目1.2清除多余文件，创建干净项目1.3创建登录页面2.创建404页面（引入sass）2.1引入sass2.2创建404页面3.构建登录注册页面
Sheldon一蓑烟雨任平生·2023-12-28 08:24

【Vue3实践】（七）Vue中的全局状态管理 使用Vuex或Pinia管理按钮权限

文章目录1.前言2.状态的概念3.Vuex管理状态3.1.Vuex安装及功能定义3.2.全局注入及使用4.Pinia管理状态4.1.Pinia中的核心概念4.2.Pinia的定义与使用4.3.使用组合式API定义Store5.总结1.前言由于在日常开发中会有一部分前端的开发任务，会涉及到Vue的项目的搭建、迭代、构建发布等操作，所以想系统的学习一下Vue相关的知识点，本专题会依照Vue的搭建、开发
挥之以墨·2023-12-28 08:19

Vue3视频播放器组件Vue3-video-play入门教程

Vue3-video-play适用于Vue3的hls.js播放器组件|并且支持MP4/WebM/Ogg格式。
Roc-xb·2023-12-28 07:28

vue3的组件事件和defineEmits

文章目录1.事件基础示例Blog.vueBlogPost.vue2.触发与监听事件2.1触发事件2.2监听事件3.事件参数3.1示例1Blog.vueBlogPost.vue3.2示例2（defineEmits
ps酷教程·2023-12-28 07:57

Vue3 自定义指令让元素自适应高度，el-table在可视区域内滚起来

我始终坚持，前端开发不能满足于实现功能，而是需要提供优秀的交互与用户体验。即使没有产品没有UI的小项目，也可以自己控制出品质量，做到小而美。所以前端们不仅仅需要了解框架如何用，还要学习一些设计、交互、体验的知识，在一堆雷同的产品中脱颖而出。哦，扯远了，因为今天想记录的这个功能是一个小小的体验提升，有感而发了。表格行数较多时会让页面产生滚动条，用户滚动页面的话，上面的搜索条件或者其它内容被卷上去了看
immocha·2023-12-28 07:30

从零开始Vue3+Element Plus后台管理系统(十五)——多语言国际化vue I18n

VueI8n官方文档：https://vue-i18n.intlify.dev/首先，安装匹配Vue3的vue-i18nn
immocha·2023-12-28 07:30

Vue3 如何实现一个全局搜索框

前言：自从学习vue以来，就对vue官网全局的command+K调出全局关键词搜索这个功能心心念念。恰好最近项目也是需要实现一个全局搜索的功能，也正好可以正大光明的带薪学习这个功能的思路。网上的教程水平参差不齐，而恰好之前的项目中我有做过一个类似于全局弹出面包屑的功能，于是举一反三写出了一个我们项目需要的全局搜索框，特来分享一下自己的思路。注意：本文不会马上教你如何编写代码，而是作为一个引路人，一
韩振方·2023-12-28 07:23

Vue3中监视reactive定义的响应式数据时oldValue无法正确获取的问题

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、监视ref所定义的一个响应式数据二、监视ref所定义的多个响应式数据三、监视reactive所定义的一个响应式数据的全部属性四、监视reactive所定义的一个响应式数据中的某个属性五、监视reactive所定义的一个响应式数据中的某些属性六、监视reactive所定义的一个响应式数据中的某个属性（这个属性是一个对象）
bin_123ge·2023-12-28 07:40

vue3+vite+vue-router实现动态读取文件夹名称和addRoute

背景：随着项目越来越大，项目路由会越来越多，导致我们每次需要到router.js添加路由，非常的繁琐。方案：借助vite的新增属性获取文件夹名称及其component动态加载到router上文件目录：//main.jsimport{createApp}from'vue';import{createPinia}from'pinia';importAppfrom'./App.vue';importro
zhooson·2023-12-28 07:29

【项目实战】基于Vue3+TypeScript+Pinia的后台管理系统（coderwhy）

基于Vue3+TypeScript+Pinia的后台管理系统是基于Vue3、Pinia、VueRouter、Vite、ElementPlus、TypeScript、Echarts等后台系统接口地址https
起伏羊·2023-12-28 07:54

vue3后台管理系统（模板）

系统简介此管理系统是基于Vite2和Vue3.0构建生成的后台管理系统。
落下香樟树·2023-12-28 07:22

vue3实现下滑页面，导航栏上移消失，上滑下移显示

1.定义setup代码:setup(){//点击箭头，滑动页面letscrollTop=ref('')lettopsrcoll=ref(false)//上移样式成立lettopage=()=>{}onMounted(()=>{window.addEventListener('scroll',handleScroll)})//监听页面滚动lethandleScroll=()=>{scrollTop.
陈不知代码·2023-12-28 06:39

【20220329】今日十点感悟

一定要原理负能量的人；2、一定要给自己危机感，不然到了无法挽回的地步，真的会很惨；3、不要因为暂时拥有就产生错觉，我们需要做的是一直努力；4、坚持不下去的时候，就想想自己曾经是怎么坚持下来的；5、一定要养成随手记录的习惯
邱小美是Kelly·2023-12-28 02:36

CSS 文字弹跳效果

鼠标移过去会加快速度欢迎使用UniAppVue3！
特创数字科技·2023-12-28 01:58

2019-2-22晨间日记

今天是什么日子起床：7:00就寝：11:30天气：阴心情：纪念日：叫我起床的不是闹钟是梦想年度目标及关键点：本月重要成果：今日三只青蛙/番茄钟成功日志-记录三五件有收获的事务财务检视每日随手记账人际的投入读书会分享团建活动的最后敲定开卷有益
d97321bdb2ff·2023-12-28 01:07

随手记

今天是一个雨天，天气很冷，冷的让人头脑清醒。今天上课，很是精神，虽然被冻的精神，但这雾蒙蒙的雨天让我的内心没有学习的欲望天气真的是能影响人的心情，但在这雾蒙蒙的雨天过后，泥土的香味，我喜欢的一个味道，慢慢的飘了出来，让人有一种重新活过来了的感觉。总之，雨过天晴后，不论有什么不开心的事都会过去的。
AK绿油油·2023-12-28 01:42

Pinia的使用方法

pinia相比vuex4，对于vue3的
全栈^_^小菜鸟·2023-12-27 22:30

十二.Vue-Router 详解

一、Vue3.x中的路由路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。
小柠有点萌·2023-12-27 21:21

Vue 3插槽

Vue3中的插槽（Slots）是一种强大的模式，用于创建可复用的组件，它允许你将模板插入到组件内部，同时保持组件的封装性和可重用性。在Vue3中，插槽的使用变得更加灵活和强大。
翱翔-蓝天·2023-12-27 18:51

什么是pinia

它与Vue3的响应式系统紧密集成，并借鉴了Vuex的一些设计概念。使用Pinia，您可以轻松地组织和共享应用程序的状态，并使其易于测试和维护。
破浪前进·2023-12-27 17:40

vue3学习笔记-随笔

setup个人浅浅的理解就是代替created和beforeCreated,如有更好的理解请指出https://blog.csdn.net/qq_25506089/article/details/114743592setup接收props和context作为参数使用或exportdefault{setup(props,context){return{}},}refreactivetoRefs的区别
沙漏。·2023-12-27 17:36

4.12记事

kindle，结果买回来就让它吃土啦，今天第三天吃土啦～好好的又准备看书，理财知识还是不够系统，有一搭没一搭的，接下来的时间要留给自己～这两天看书比较乱，一会《断舍离》，一会《可转债魔法书》，不知道为啥看，只是随手记起了思维导图
一直长大的小幸福·2023-12-27 17:16

互联网+时代，越来越多的妈妈崛起，成为“超级妈妈”

工作中的彭菲85年出生的彭菲，原本是随手记产品经理，因为孩子，她辞去工作，回归家庭，做一个买菜做饭、洗衣拖地，常常把自己弄得手忙脚乱、灰头土脸恨不得有三头六臂的全职主妇。
婷妈alan·2023-12-27 16:35

第41节: Vue3 watch函数

在UniApp中使用Vue3框架时，你可以使用watch函数来观察和响应Vue实例上的数据变化。
特创数字科技·2023-12-27 16:09

无星的前端之旅（十八）-Vue3+ts常见问题

第一次用Vue3+ts，采用了eslint（aribnb），遇到了一些问题，又不想用经常性使用any，只能逼迫自己解决问题。
无星灬·2023-12-27 15:51

vue3+ts 可视化大屏无限滚动table效果实现

注意：vue3版本需使用vue3-seamless-scrollnpmnpminstallvue3-seamless-scroll--save页面引入TSimport{Vue3SeamlessScroll
曲江涛·2023-12-27 13:16

vue3、React之父子组件传参

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、vue3父子组件间传值父组件向子组件传值1、父组件传值2、子组件接收数据子组件向父组件传值1、子组件传值2、父组件接收数据二
芳草斜阳_晨光·2023-12-27 12:09

vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。
kagamiGo·2023-12-27 12:08

vscode中vue3+ts报类型“{ }“上不存在属性“ “，以及ts.config.app.json和tsconfig.node.json中报错（彻底解决）

亲爱的小伙伴们，你们是否遇到过使用vscode打开vue3+ts项目时一片爆红，一直提示类型"{}"上不存在属性""，以及ts.config.app.json和tsconfig.node.json中报“
一只花小妖·2023-12-27 12:37

vue2、vue3状态管理之vuex、pinia

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、状态管理之vuex1.1State调用：1.2Mutation在vuex中定义：在组件中使用：1.3Action在vuex中定义：将上面的减法操作改为异步操作在组件中使用：1.4Getter1.4Modules二、状态管理之piniapinia文件pinia->index.vuepinia->child.vue/pin
芳草斜阳_晨光·2023-12-27 12:36

vue3项目中使用Vant和移动端适配

vant安装vant官网pnpmaddvantvant引入main.tsimport'vant/lib/index.css'XX.vueimport{ButtonasVantButton}from'vant'按钮移动端适配推荐postcss-px-to-viewport工具，参考这个地址下的浏览器适配模块pnpmaddpostcss-px-to-viewport-D新增postcss.config
Eleven....·2023-12-27 12:56

vue3实现pinia仓库状态持久化

使用pinia-plugin-persistedstate实现pinia仓库状态持久化安装pnpmipinia-plugin-persistedstate#ornpmipinia-plugin-persistedstate#oryarnaddpinia-plugin-persistedstatemain.ts引入importpersistfrom'pinia-plugin-persistedsta
Eleven....·2023-12-27 12:56

vue3+ts axios封装

安装pnpminstallaxios第一次封装importrouterfrom'@/router'import{useUserStore}from'./../stores/modules/user'importaxiosfrom'axios'import{showToast}from'vant'constinstance=axios.create({//1.基础地址，超时时间baseURL:'xx
Eleven....·2023-12-27 12:56

vue3+elementPlus：el-drawer新增修改弹窗复用

在el-drawer的属性里设置:title属性，和重置函数//html......创建保存重置//dataconsttitle=ref("")//弹窗标题//js//新增按钮constonForm=()=>{reset()//重置表单drawer.value=truetitle.value="新增轴承信息"//标题为“新增”}//新增保存按钮constonRuleSubmit=()=>{cons
意初·2023-12-27 11:56

黑马小兔鲜的uniapp项目，用vscode开发，根据文档安装了相关插件，写了相关eslint和prettier文件，出现了一些问题

小兔鲜儿-项目起步|uniapp+vue3+ts1.它没有设置保存时代码自动格式化2.ts.config.json文件出现报错关于node环境3.eslintrc.cjs文件中的rules写了规则，prettierrc.json
深一海·2023-12-27 10:57

宝藏级UI组件库：FirstUI，微信小程序版+uniapp版双版至V1.5.0，完美支持vue3

FirstUI(https://www.firstui.cn/)是一套超高性能、超高颜值的移动端UI综合解决方案，包含业内顶尖的组件库、强大的功能库、丰富精美的模板库，提供uni-app(完美支持nvue)、微信小程序、支付宝小程序等版本，兼顾高效率与高性能，让您的开发获得百倍提质提速！一、FirstUIuni-app版特性多端支持。一套代码，端适用，支持iOS（vue和Nvue）、Android
lonlie·2023-12-27 10:22

vue前端的ref()用法

在JavaScript和Vue.js中，ref()是一个函数，通常用于Vue3的CompositionAPI。这个函数用于创建一个响应式引用（reactivereference）。
白天的我最菜·2023-12-27 10:50

vue3使用require.context()，调用keys()返回空数组

vue3使用require.context()，调用keys()返回空数组importSvgIconfrom'@/components/SvgIcon/SvgIcon'constSvgRequire=require.context
聪明的小脑虎·2023-12-27 09:45

vue3中安装并使用CSS预处理器Sass的方法介绍

Sass（SyntacticallyAwesomeStyleSheets）是一种CSS预处理器，它扩展了CSS的功能，提供了更高级的语法和特性，例如变量、嵌套、混合、继承和颜色功能等，这些特性可以帮助开发者更高效地管理和维护样式表。Sass语法是基于缩进（缩进花括号）的，它与传统的CSS语法类似，但添加了一些额外的规则和语法结构。Sass代码需要编译成CSS代码才能在浏览器中呈现。1.安装sass
邹荣乐·2023-12-27 09:43

基于 Element UI 适用于 Vue 2 版本的虚拟列表选择器组件el-select

——vue3+element-plus有现成的轮子。而vue2+element-ui没有。
有蝉·2023-12-27 09:13

vue2和vue3响应式原理

vue2响应式原理Vue2响应式原理是通过Object.defineProperty这个API来实现的。Vue2响应式的基本原理：数据劫持：在Vue初始化时，Vue会遍历data中的所有属性，并使用Object.defineProperty把这些属性转化为getter和setter。Getter：在getter中，Vue会收集对数据的依赖。当一个属性被读取时，会触发getter，然后把对应的依赖(
@tg6666666666666·2023-12-27 08:49

vue3获取验证码+背景切换

需要安装element-plus组件库用户获取验证码后按钮会被禁用，等待10秒后重新获取验证码验证码元素布局template部分{{codeName}}script功能部分import{ref,reactive,watch}from'vue';import{ElMessage}from'element-plus'constisSend=ref(false);//禁用constcodeName=re
@tg6666666666666·2023-12-27 08:18

vue3 script setup 使用导航守卫，离开页面前提示数据未保存

vue3使用导航守卫文章目录前言一、相关文档二、使用示例前言vue3使用语法糖，页面数据已编辑未保存时，离开当前页面前添加导航守卫，弹窗提示数据未保存。
王大眼睛�·2023-12-27 08:35

Vue3 教程

vue3有了很多新的插件和组件非常好用。ts教程：一篇让你完全够用TS(TypeScript)的指南-知乎vue：简介|Vue.jspinia：Pinia使用指南——没用过但一看就会！
山塘小鱼儿·2023-12-27 08:02
上一页 61 62 63 64 65 66 67 68 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他