前段VUE 第16页

Vue3学习记录——(1)MVC与MVVM

1.传统的MVC模式模型（Model）：数据存储。视图（View）：用户界面。控制器（Controller）：业务逻辑。Model代表数据存储，主要用于实现数据的持久化；View代表用户界面（UI），主要用于实现页面的显示；Controller代表业务逻辑，串联起View和Model1.流行的MVVM模式模型（Model）：数据存储。视图（View）：用户界面。视图模型（ViewModel）：数据

一只漫步前行的羊·2024-09-02 04:03

vue中实现图片裁剪

本文将介绍如何使用Vue.js结合Cropper.js实现一个简单的图片裁剪功能。以下是实现该功能的完整代码。

浮游本尊·2024-09-02 04:58

在vue3中封装WebSocket

一、新建webSockte.js文件//webSocket.js//自定义组合式函数，用于管理WebSocket连接import{ref,onMounted,onBeforeUnmount}from"vue

_Legend_King·2024-09-02 03:57

年轻人不怕天马行空

文/苏家小榭前段时间，有朋友约饭，一起话家常，似乎工作了之后会比之前更加喜欢聊天了，和不同的人在不同的时间总是能够有不同的想法，像是互相碰撞，其实每个问题也不一样有最终的结果，只要勇敢地表达就足够。

苏家小榭·2024-09-02 02:51

基于nodejs+vue程序设计竞赛团队管理系统[程序+论文+开题]-计算机毕业设计

本系统（程序+源码+数据库+调试部署+开发环境）带文档lw万字以上，文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的高速发展和程序设计竞赛在全球范围内的普及，越来越多的高校、企业及爱好者投身于各类编程竞赛中，以期提升编程技能、锻炼团队协作能力并寻求职业发展机会。然而，传统的竞赛组织管理方式往往面临效率低下、信息更新滞后、团队协作不畅等问题。特别是在团队管理方面，缺乏一个统一、高效、

zhiwen106·2024-09-02 02:17

vue-cli webpack 打包报错：Unexpected token: punc (()

本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken

曹天骄·2024-09-02 01:13

UglifyJs Unexpected token: punc (,)

vue打包报错：查到几种可能原因，一一排除@click调用方法传参多了个逗号仔细检查了，确认没有写多逗号uglifyjs-webpack-plugin代替webpack.optimize.UglifyJsPluginyarnuglifyjs-webpack-plugin

触不到的颜色是否叫彩虹·2024-09-02 01:42

滴滴前端日常实习一面

简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue

真的很上进·2024-09-02 01:39

Vue2.0学习--基础--4--Class与Style绑定

（day5）操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute（也就是每个元素的class属性和style属性），所以我们可以用v-bind处理它们：只需要表达式计算出字符串结果即可。（也就是说，在HTML中class和style属性后面都是接一个双引号括起来的字符串值）但是字符串拼接麻烦且易错。所以，在使用v-bind将class与style与特定的值绑定

naildingding·2024-09-02 00:06

Vue——认识day06_class与style绑定

在Vue中，可以使用v-bind指令来将CSS样式动态地绑定到HTML元素上。

WenJGo·2024-09-02 00:06

基于Springboot和Vue的在线小说阅读平台系统(570)

获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2

源码出售和定制·2024-09-02 00:34

测试老鸟汇总，接口测试总结与用例编写，一文策底概全...

1）现在很多系统前后端架构是分离的，因为不同端（前段，后端）的工作进度不一样，所以我们要针对最开始出来的接口，以及需要调用其他公司的（银行，支付宝，微信，qq等）一些接口进行接口测试及验证数据，从安全层面来说

软件测试老莫·2024-09-01 22:56

与其未知恐惧，不如把握自我，挑战未来

前段时间碰上了一个转型成功的案例，与当事人经过了一段深入的探讨后，对我的触动非常大。这里分享一下自己的感悟，但是有一句忠告，不是所有的转型都是天堂你可能迈进的是地狱。

星盟小鹿·2024-09-01 22:01

记忆里全是那时的歌

叨叨了几天的《无问东西》并没有去看，前段时间看到新闻端的推广就很有兴趣，不排除传播策略炒作之嫌但对此类题材总是无法免疫，总觉得过了会为《前任攻略》类的电影深有感触的年纪，随着二十到而立，生活里早已不仅仅只有爱情

掉刺仙人掌·2024-09-01 22:42

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript

秋说·2024-09-01 22:52

淘宝隐藏优惠劵怎么领？淘宝隐藏优惠劵领取方法使用教程

前段时间，我家厨房的下水道堵了，我以为是菜什么的流下去的。拆开一看，里面都堵死了。我把底下的管子给取了下来，重新给安装上才弄好的。可是，我也知道，以后肯定还会堵。

一起高省·2024-09-01 21:42

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵

2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*

2401_84182793·2024-09-01 20:15

VUE day3 v-bind指令绑定属性（class，style）

v-bind指令vue中，v-bind用来动态的绑定属性，当使用v-bind绑定元素的属性时，将从vue实例中查找所绑定的变量.v-bind的格式是v-bind：属性名="",简写为：如：百度一下//简写为百度一下

weixin_46383150·2024-09-01 20:41

Vue3学习总结-v-if与v-show的使用案例和区别

Vue3实战：v-if与v-show在用户界面切换中的应用在Vue.js中，v-if和v-show是两种常用的条件渲染指令，它们允许我们根据表达式的值来动态地显示或隐藏DOM元素。

风清扬雨·2024-09-01 19:06

【JavaWeb项目】——外卖订餐系统用户购买餐品、查询购物车、取消购物车餐品操作

入门专栏：【MySQL，Java基础，Rust】热门专栏：【Python，Javaweb，Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持！

Y小夜·2024-09-01 19:04

【Rust】——采用发布配置自定义构建

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js

Y小夜·2024-09-01 19:04

【Rust】——高级类型

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js

Y小夜·2024-09-01 18:00

WebSocket使用及在vue如何使用

WebSocketWebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在WebSocketAPI中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和

Manager_·2024-09-01 18:16

vue中ref和reactive

ref和reactive是Vue3中用于创建响应式数据的两个重要API，它们之间存在几个关键的区别，主要体现在数据类型、使用方式、访问方式以及设计理念上。

Lancelot212·2024-09-01 18:58

[vue] jszip html-docx-js file-saver 图片，纯文本，打包压缩，下载跨域问题

npminstalljszipfile-saverimportJSZipfrom'jszip';importFileSaverfrom'file-saver';JSZip创建JSZip实例：constzip=newJSZip();创建文件：支持导出纯文本zip.file("hello.txt","HelloWorld\n");创建文件夹：zip.folder("file")只压缩有地址的文件//举

533_·2024-09-01 18:58

uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

的原因是什么需要使用到的工具关于HBuilderX工具和微信小程序工具的介绍怎么下载HBuilderX工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-appuni-app是一个使用vue.js

懒无名1·2024-09-01 17:25

从零开始：Uni-App 微信小程序开发指南

目录介绍第一步：准备工作第二步：编写代码1.创建页面2.配置路由3.修改配置文件4.运行和调试第三步：发布小程序Uni-App的优势和特点1.跨平台开发2.基于Vue.js3.强大的组件库和插件生态4.

此地不宜久刘同学·2024-09-01 17:54

vue 一分钟倒计时功能实现

我总是词不达意·2024-09-01 16:45

Vue.js 定时器任务

解决思路：使用Vue的$once这个事件侦听器器在定义完定时器之后的位置来清除定时器代码：consttimer=setInterval(()=>{//某些定时器操作},500);//通过$once来监听定时器

壹二叁·2024-09-01 12:47

Element-ui中的table组件设置列为type=“expand“时，在Vue中发起异步请求数据时表格无法正常显示

问题描述：借助官网的示例，但展开项中是一个表格，当点击展开项时会发起一个网络请求去获取表格数据，表格的数据应该是一个数组类型：

鸭绒·2024-09-01 12:22

Element-ui的el-table表格嵌套如何默认展开行，试试这个吧！（芋道源码yudao-cloud 二开笔记）

通过Vue的ref方法手动展开第一行。1.在el-table组件上添加ref首先，给el-table组件添加一个ref，用于在代码中引用这个表格。

码农九零·2024-09-01 12:51

【已解决】Vue Duplicate keys detected: ‘[object Object]’

【已解决】VueDuplicatekeysdetected:‘[objectObject]’在Vue项目开发过程中，我们可能会遇到这样的报错：“Duplicatekeysdetected:‘[objectObject

二川bro·2024-09-01 12:51

Python-Django毕业设计在线音乐网站（程序+Lw)

项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版

罗曼计算机毕设程序·2024-09-01 12:21

并不是你能力不行，而是你态度不行

前段时间自己来写文章，看到在搞一个万元征集选书师的活动。来写作不久，我很好奇这一个活动，我就点开了这一个活动的内容看了看。

功夫仓鼠·2024-09-01 12:33

vue.js项目实战案例详细源码讲解

前言：为帮助大家更好地掌握Vue.js项目的开发流程，我将为你讲解一个完整的Vue.js实战案例，并提供详细的源码解析。

程序员小羊！·2024-09-01 12:20

如何在 Vue 中创建一个带有表格和表单的弹窗

本文将通过一个具体的示例来介绍如何在Vue应用中实现一个带有表格和表单功能的弹窗组件。

云只上·2024-09-01 12:50

为了在前端项目打包后删除 console.log 日志，可以采用不同的方法来实现这一目标。以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。

云只上·2024-09-01 12:50

Vue3 ElementPlus Table表格实现单选

import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate=reactive({tableData

云只上·2024-09-01 12:20

Vue.js 样式绑定

Vue.js样式绑定Vue.js是一种流行的前端框架，它提供了一种简洁而强大的方式来绑定样式到元素上。样式绑定允许开发者根据组件的状态动态地改变元素的样式。

wjs2024·2024-09-01 11:49

vue3+ts 中使用mitt进行跨组件通信

mitt插件的使用安装插件进行封装一个模块，对外暴露一个Mitt实例使用安装插件官方文档pnpmimitt--s//我用的pnpm或npmi--smitt或yarnaddmitt进行封装一个模块，对外暴露一个Mitt实例1、在utils文件夹下新建mitt（例如mitt.ts），用于初始化并导出mitt实例：//src/eventBus.tsimportmittfrom'mitt';//定义事件类

我胡为喜呀·2024-09-01 11:44

day38-测试平台搭建之前端vue学习-ES6

比如变量提升、内置对象的方法不灵活、模块化实现不完善等等1.2.为了后面vue、尤其是react框架做好了准备1.3.目前大部分公司的项目都在使用es6二、ES6新特性2.1.let和const命令let

开测开测·2024-09-01 11:14

TypeScript+Vue

Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义

神小夜·2024-09-01 10:07

搭配 TypeScript 使用 Vue

IDE支持Volar是官方的VSCode扩展，提供了Vue单文件组件中的TypeScript支持，还伴随着一些其他非常棒的特性。

kingrome2009·2024-09-01 10:06

VUE 组件

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、VUE组件---组件注册二、VUE--组件props三、插槽四、深层组件传值五、动态组件前言提示：这里可以添加本文要记录的大概内容

.YoIo·2024-09-01 10:04

vue响应式原理

对于响应式原理，我们先了解vue是一个MVVM结构的框架；也就是数据层、视图层、数据-视图层；响应式的原理就是实现当数据更新时，视图层也要相应的更新，基于响应式原理我们可以使数据驱动视图的实现变得简单而高效一