Vue使用心得

vue跟jQuery中的事件冒泡、事件捕获、事件委托（事件代理）

1、事件捕获、事件冒泡在JS中，我们管事件发生的顺序叫“事件流”标准的事件流：当dom触发了事件后，会先通过事件传播捕获到目标元素，然后目标节点通过事件传播实现事件冒泡事件传播：无论是捕获还是冒泡，都是靠事件传播一层一层传递的，当在某一层禁止事件传播，那么之后的步骤就不再进行了Tips：目标元素指的是触发事件的节点（1）事件捕获鼠标点击或者触发了dom事件，浏览器会从根节点（Document对象）
淑子啦·2024-08-27 02:13

Vue3实现word预览

1.安装依赖pnpminstall@vue-office/docx2.页面导入//导入依赖importVueOfficeDocxfrom"@vue-office/docx";//导入样式文件import
淑子啦·2024-08-27 02:43

vue3使用富文本

1、下载pnpminstall@wangeditor/editor@wangeditor/editor-for-vue2、引入和使用import'@wangeditor/editor/dist/css/
淑子啦·2024-08-27 02:43

如何在Vue3中使用Vue.prototype

前端菜鸟最近在开发新的项目，准备用Vue3，遇到了一些问题在2.X版本中创建一个vue实例是通过newVue()来实现的，到了3.X中则是通过使用createApp这个API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法话不多说
淑子啦·2024-08-27 02:42

Java毕设项目汇总 - 5 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！
逃逸的卡路里·2024-08-27 01:06

Java毕设项目汇总 - 3 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！
逃逸的卡路里·2024-08-27 01:05

Vue项目实战系列（一）：如何修改个人信息

Vue项目实战系列（一）：如何修改个人信息当你登录网站的时候，那么你肯定会有自己的个人信息，比如昵称，账户名，头像，性别以及电话等等。
前期后期·2024-08-27 01:05

前端实习手记（6）：6不起来

本周也就做了个小小的需求吧，但也是磕磕巴巴的（被自己蠢哭）......不太，开心的一周，后面熟悉了就感觉好多了总结封装组件：自定义模特表单对话框AntDesignVuees6学习：ES6教程新增：自定义模特表单对话框功能概述点击主页面的新增按钮
椰果uu·2024-08-26 23:52

前端实习手记（7）：立秋快乐

这周也是立秋&七夕咯，立秋快乐哇家人们（虽然还是很热嘛）总结上周新增自定义表单对话框修改完善更多筛选模特对话框完成Vue.js筛选模特对话框功能概述筛选模特的性别地域信息，选中模特，点击确定会将模特添加模特列表的最前面并关闭对话框
椰果uu·2024-08-26 23:52

Vue 3弹幕案例

一、代码import{ref}from'vue';constprops=defineProps({numberSegment:{type:Array,default:function(){return[
G24gg·2024-08-26 23:21

封装fetch请求

fetch请求对IE不友好，而Vue3也IE不友好，那么之后在创建Vue3项目的时候是不是可以尝试用Vue3+fetch去代替axios呢？当然也不知道行不行，所以先记录下我对fetch的封装。
略略大魔王丶·2024-08-26 20:35

vue最早可以读取this的生命周期函数

在Vue中，最早可以安全地读取到this（即Vue实例及其属性，如data、methods等）的生命周期函数是created。created钩子在实例创建完成后被立即调用。
youhebuke225·2024-08-26 20:49

create-react-app集成antd-mobile，customize-cra扩展配置addLessLoader，lessOptions,fixBabelImports，实现主题定制和按需加载

听之前同事说uni-app坑多（高手勿喷，本人小白，没学过uni，不了解，仅仅听别人说，勿骂），另外最近taro比较活跃，并且可以使用react语法开发（也支持了最新的vue3）,果断放弃uni-app
凉菜凉凉·2024-08-26 18:05

Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题

前言如果您需要Vue3版本，请访问这篇文章。
王佳斌·2024-08-26 17:03

Vue 项目实战1-学习计划表

Vue项目实战1-学习计划表一、大致实现思路1.页面结构设计使用ElementUI的`el-card`、`el-form`、`el-table`等组件来构建页面的基本结构。
架构师ZYL·2024-08-26 16:25

水果在线购物网站商城系统解决方案毕设毕业设计.web期末作业设计网页.css网页成品参考

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-08-26 15:53

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于
小徐努力中·2024-08-26 15:50

uniapp怎么实现条形码

"uniapp"指的是UniApp，一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。在UniApp中实现条形码，你通常会使用第三方库。
那维莱特·2024-08-26 15:18

学习前端面试知识（16）

computed和watch参考文章vuecomputed计算属性，有缓存功能，底层通过dirty来判断是否重新计算，只有在依赖数据发生变化时才会重新计算，性能更好。不能进行异步操作。
BHDDGT·2024-08-26 14:47

外卖系统定制开发：技术选型与架构设计要点

常用的前端技术包括：框架：React、Vue.js或Angular状态管理：Redux、VuexCSS预处理器：Sass、Less打包
万岳科技系统开发·2024-08-26 13:07

计算机毕业设计Hadoop+Spark知识图谱体育赛事推荐系统 体育赛事热度预测系统 体育赛事数据分析 体育赛事可视化 体育赛事大数据 机器学习 大数据毕业设计 大数据毕设 机器学习 人工智能

开发技术前端：vue.js、element-ui、echarts后端：springboot、mybatis大数据：spark、hadoop数据库：mysql关系型数据库、neo4j图数据库算法：协同过滤推荐算法
计算机毕业设计大全·2024-08-26 13:43

Vue3组件（18）组件间传值/共享的方法的汇总

Vuex老牌的状态管理方式，各种组件之间各种传值，好吧专业术语叫做状态管理。使用方法呢，其实就是一层窗户纸，捅破了大家就都知道了，这里不介绍了，可以看我的文集
自然框架·2024-08-26 12:56

JEECG框架的入门学习

学习背景近期项目中，使用到了一个叫ant-design-vue-jeecg的框架。
HITZXL·2024-08-26 12:29

普元EOS-微前端的base基座介绍

2高开前端引用base基座在高开页面引入base基座的语法如下：import{BaseVue,AjaxUtil}from'base/lib'exportdefault{data(){return{};}
小崔爱读书·2024-08-26 11:19

SpringBoot+Vue餐馆点菜系统小程序

项目描述餐馆点菜系统小程序是一个集成了多种功能的移动应用，旨在提供用户便捷的点餐体验和餐厅高效的订单管理。以下是针对您所提到的功能的简单介绍：前台小程序：用户通过手机上的小程序，可以浏览餐厅的菜单、选择菜品、下单并完成支付。界面通常包含菜单分类、搜索功能和推荐菜单，方便用户快速找到想要的菜品。用户可以查看菜品的详细信息，如图片、价格、口味等，并可以将菜品添加到购物车中。用户管理：用户可以在小程序中
源码V+zmm10134·2024-08-26 09:38

小白学习vue笔记

文章目录一安装Vue二做移动端应用注意2.1在index.html中修改mate设置2.2reset.css重新设置样式，在入口文件中引入2.3引入border.css解决一像素边框的问题2.4解决click
善良的爱心话·2024-08-26 09:08

单HTML文件集成vue3+ElementPlus的使用

1、新建一个HTML文件2、HTML文件引用vue3.js3、引用elementplus.js和elementplus.css4、Vue初始化ElementPlus5、页面中可以使用ElementPlus
bjzhang75·2024-08-26 08:07

vue ref和reactive区别

Vue3中的ref和reactive都是用于创建响应式数据的API，但它们在数据类型、使用方式、访问方式、设计理念以及应用场景等方面存在明显的区别。
灰海·2024-08-26 08:32

禁止浏览器默认填充密码 vue

禁止浏览器默认填充密码会和我的样式冲突所以禁止第一种：通过给表单元素添加autocomplete="off"属性，可以防止浏览器自动填充表单中的账号和密码。可以在input标签或整个form标签上使用：exportdefault{data(){return{username:'',password:''};}};为密码输入框动态设置name属性有时仅仅使用autocomplete="off"不能完
lzr请早点睡觉～·2024-08-26 07:02

Docker 部署kkfileview

项目环境：Vue+SpringBoot解决方案:将所有格式统一转换成pdf后提供预览，因为pdf是可以直接在网页上进行预览的。使用第三方服务使用vue的预览组件，类似pdf.js等插件。
seekyoubagain·2024-08-26 07:02

外贸管理系统采购销售报关计算机毕业设计VUE/PYTHON/MYSQL

开发一个基于Vue、Python和MySQL的外贸管理系统，用于处理采购、销售以及报关等业务流程。这样的系统通常涉及前端界面展示、后端逻辑处理以及数据库存储等多个部分。
计算机程序设计开发·2024-08-26 07:31

Java毕设项目汇总 - 1 - ssm框架+vue+源代码+论文等完整资料

✌️主要项目：小程序、SpringBoot、SSM、Vue、Java、Jsp等设计与开发。文末获取源码联系如需其他项目或毕设源码，可进主页看下往期的毕设资源分享哦，希望对您有帮助！
逃逸的卡路里·2024-08-26 02:28

vue的markdown编辑器插件比对

vue的markdown编辑器插件比对文章说明md-editor-v3的使用及效果展示vditor的使用及效果展示文章说明文章比对md-editor-v3、vditor这两个插件的使用及效果体验md-editor-v3
bingbingyihao·2024-08-26 01:52

后端使用Spring Boot框架 + 前端VUE 实现滑动模块验证码

现在我就讲解一下滑动块验证码的实现方式：这个是前端代码，我使用的是vue，在使用的时候注意：注意几个关键点：使用Vue的data函数来存储组件的状态，如isDragging、sliderPosition
八百码·2024-08-26 00:45

vue3生命周期源码浅析

概述生命周期在Vue3中是一个很重要的概念，它允许我们在特定的时间点执行一些代码，比如在组件创建、更新和销毁时执行一些操作。
Jinuss·2024-08-25 22:35

vue3 vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍

vue3中使用vue-router嵌套两级路由时，每一级路由都使用transition+keep-alive时，二级路由之间切换离场动效正常，一级路由之间切换会导致离场的页面组件离场动效重复1遍，即播放了两遍离场动效场景复现问题场景和这篇文章中的是类似的
温温温B·2024-08-25 21:56

prerender-spa-plugin 预渲染

优化点1.vue组件处理成静态页面2.每个页面不同title和meta3.页面跳转链接改成a标签4.title和meta支持多语言5.多语言切换，通过URL带参数跳转遇到问题及解决方案：1.Error:
我爱语文·2024-08-25 20:51

vue项目大包错误记录-失误

背景：设置项目动态路由渲染，出现大包报错、报错内容：prerender-spa-plugin报错Unabletoprerenderallroutes!原因：将开发环境的main.js复制到生产环境main-prod.js进行更改，忽略了需要添加mounted(){document.dispatchEvent(newEvent('render-event'));},贴图：添加上即可。。
来赶鸭子上架·2024-08-25 20:19

实现 前端框架 SPA 路由功能：Hash 模式与 History 模式的手动实现

前言在前端框架（如Vue.js、React等）中，路由管理通常会配置一个router对象来定义URL路径与组件的映射关系。路径（path）:这是浏览器URL的一部分，比如/home或/about。
ZhaiMou·2024-08-25 17:36

vue2上传大文件到minio分片上传

项目中使用到的类库：spark-md5、axios、element-ui；npminstallspark-md5--Snpminstallaxios--S页面上传示例文件上传任务数：{{taskQueueRunningNum}}选择文件上传清空{{isPaused?'继续':'暂停'}}{{item.name}}{{transformByte(item.size)||item.size}}{{`$
zhou周大哥·2024-08-25 17:35

前端html+js实现懒加载的两种常见方法

忘记啥原因了，对图片懒加载有点好奇，于是乎查了一下有哪些方法，在这里记录下来使用H5标准内置标签loading参考：vue实现懒加载_vue懒加载-CSDN博客注意事项：需要设置图片的宽高，尽量设置高度大一点
JSU_曾是此间年少·2024-08-25 17:04

vue3表单中v-model指令的使用

指令在表单控件元素上创建双向数据绑定一，input如下示例：让msg值与input框绑定，当我改变input框的内容，外面内容也会随之改变用了v-model绑定数据，input就不用写value属性constapp=Vue.createApp
木子木木lmd·2024-08-25 16:34

【Vue3 从入门到实战 进阶式掌握完整知识体系】014-探索组件的理念：父子组件如何通过事件进行通信

hellovueconstapp=Vue.createApp({data(){return{count:1}},methods:{//在这里写一个handleAddOne()方法handleAddOne
訾博ZiBo·2024-08-25 16:46

mac OS系统：操作vue文件需要权限

提示无法写入文件"/Users/****/Desktop/blog-xjy/docs/.vuepress/config.js"（NoPermissions(FileSystemError):Error:
阿莹yes·2024-08-25 16:54

Vue(二)

item.name}}{{item.categoryname}}{{item.cityname}}|{{item.venue}}{{item.showtime}}{{item.price_str}}元newVue
葛瑞丝·2024-08-25 15:55

Vue2前端实现数据可视化大屏全局自适应 Vue实现所有页面自适应 Vue实现自适应所有屏幕

Vue自适应所有屏幕大小，目前页面自适应，尤其是数据可视化大屏的自适应更是案例很多今天就记录一下使用Vue全局自适应各种屏幕大小的功能在Vue.js中创建一个数据大屏，并使其能够自适应不同屏幕大小，通常涉及到布局的响应式设计
HuiRonmantic·2024-08-25 14:15

前端重点之：Vue+websocket通信详细用法和websocket心跳机制的使用，websocket断开实时监测，websocket实时通信

下面我将给出一个使用Vue2实现WebSocket连接的示例，并包括处理连
HuiRonmantic·2024-08-25 14:14

Vue3问题记录

Vue3问题记录使用elementPlus消息提示第一种方法先在组件中引入ElMessageimport{ElMessage}from"element-plus";然后使用ElMessage.success
栀椩·2024-08-25 14:14

Vue.js 中的 vue-property-decorator 使用详解

引言Vue.js是一个流行的前端框架，它的核心理念是让开发者以声明式的方式构建用户界面。
小于负无穷·2024-08-25 14:44

vue项目中通过url数组一次下载多个文件

后台拿到需要下载的url数组，最开始想到的是在页面创建a标签，通过a标签的点击来实现下载downloadFile(content,filename){//创建隐藏的可下载链接leteleLink=document.createElement('a')eleLink.setAttribute('class','upload-file')letevt=document.createEvent('HTM
不要问我，我什么都不知道·2024-08-25 14:44
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他