大前端Vue

前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

从模块化说起模块化是什么时候提出的？怎么实现js代码的模块化，为什么要做模块化？模块化的概念在软件开发领域已经存在很长时间，但在JavaScript中的模块化发展相对较晚。以下是对您提出的问题的回答：提出时间：JavaScript中的模块化概念相对较早地提出于CommonJS规范。CommonJS是一种JavaScript模块化规范，最早在2009年由RyanDahl和其他社区成员提出，并主要用于
森叶·2024-02-07 20:36

vue 中使用 vue-router-tab 插件实现页面顶部路由标签功能 ？

在vue项目中考虑使用vue-router-tab插件去实现改需求，下面对其用法做相关示例。
『九离~空白』·2024-02-07 20:22

vue-router 嵌套路由

文件夹下找到index.js文件，在定义组件中找到我们想进行嵌套的路由4.在其中添加children属性，绑定的是数组，数组里边定义新的子路由如以下代码，就定义了path为/list的路由的子路由importVuefrom'vue
IT行星·2024-02-07 20:22

Vue-Router: 如何使用异步组件来实现路由懒加载

Vue-Router提供了一种简单而强大的方式来实现路由懒加载，即通过异步组件。本文将介绍如何使用异步组件来实现Vue-Router的路由懒加载，并提供具体的代码示例。什么是路由懒加载？
忧郁的蛋~·2024-02-07 20:21

如何在Vue应用程序中使用Vue-Router来实现路由嵌套动画效果

Vue-Router是Vue.js官方的路由管理插件，可以帮助我们轻松管理应用程序的路由。除了基本的路由功能外，Vue-Router还允许我们在切换路由时添加动画效果，提升用户体验。
忧郁的蛋~·2024-02-07 20:19

基于Python淘宝电脑销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

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

Vue+Koa2+mongodb 搭建项目

文章目录前言一、项目用到的一些关键依赖二、后端框架的基础搭建1.安装koa-generator2.使用koa-generator生成koa项目3.启动项目三、前端框架的基本搭建1.安装vue-cli2.
小明真的要加油·2024-02-07 19:01

Node.js + Vue.js 全栈开发极简后台管理

文章目录前言一、环境搭建和工具安装1.1nodejs1.2mongodb二、项目初始化1.搭建服务器2.初始化Vue三、功能拓展登录功能登录接口登录界面前言最近学了Express,感觉还蛮有意思的，自己动手搭建了一个极简的后台管理
XiaoJia913·2024-02-07 19:59

vue树形多列_基于element-ui el-table 开发虚拟列表(树形列表)

前言基于之前支持表单验证的el-table开发完成后，在数据量过大的时候，会出现渲染慢，表格卡顿等致命问题，而element-ui的el-table本身没有像antd一样提供虚拟列表的demo和相关支持，因此本文在上次的开发基础上，继而开展虚拟列表的开发。本次分为普通列表和树形列表两种，树形在普通列表上面多了一些情况考虑，例如展开收缩等。虚拟列表虚拟列表简单概述就是滚动分页，通过有限的视口来切片大
weixin_39957186·2024-02-07 19:16

vue基于vue-seamless-scroll实现无缝滚动效果

参考文章：https://blog.csdn.net/Shids_/article/details/121925398使用步骤：1、安装插件npmivue-seamless-scroll2、main.js
Wild～～·2024-02-07 19:11

vue-seamless-scroll 点击事件无效的处理方法

在使用vue-seamless-scroll自动滚屏绑定事件时，个别点击不了。该插件为了实现无缝衔接而复制了dom渲染，不会带上事件。解决办法：利用事件委托。<vue-seamless-sc
weixin_45979310·2024-02-07 19:41

优化h5的滚动功能：在vue和react中使用better-sroll插件的踩坑笔记

前言最近在开发公司网站项目的h5版本，技术栈是vue，为了更好的优化滚动效果，以及实现一些相关的功能，就选择使用better-scroll这个插件。
故居风·2024-02-07 19:41

vue列表，表格自动滚动

安装依赖npminstallvue-seamless-scroll--savemain.js文件里面引入使用importscrollfrom'vue-seamless-scroll'Vue.use(scroll
常寒·2024-02-07 19:11

vue 走马灯无缝滚动轮播图 vue-seamless-scroll

效果图GIF软件有点问题出现抖动（献丑了QAQ）1.安装vue-seamless-scrollnpminstallvue-seamless-scroll--save//或yarnaddvue-seamless-scroll2
Nicole.oO·2024-02-07 19:10

vue-seamless-scroll插件使用后点击事件无效

场景：当前使用vue-seamless-scroll包裹了一个滚动div的list，当前list中的div需要点击进行其他逻辑处理问题：部分div点击不触发点击事件原因：因为vue-seamless-scroll
JiAyInNnNn123·2024-02-07 19:10

vue双向绑定的原理及实现双向绑定MVVM源码分析

Vue双向数据绑定的原理：可以将对象的属性绑定到UI，具体的说，我们有一个对象，该对象有一个name属性，当我们给这个对象name属性赋新值的时候，新值在UI上也会得到更新。
前端来入坑·2024-02-07 19:40

好用的vue项目插件

1.vue-seamless-scroll无缝滚动-vue-seamless-scroll的简介及使用教程-MadewithVuejs2.富文本(1)avue-plugin-ueditoravue-plugin-ueditor
哆来A梦没有口袋·2024-02-07 19:40

02 动力云客之登陆界面

1.前端登录界面需求样式:1.自定义登录页面装配到main.jssrc下新建一个文件夹view,view下新建一个VueComponent,名为LoginView.vue,并选择optionsAPICompositionAPI
SunsPlanter·2024-02-07 18:38

Vue3 中使用 defineAsyncComponent 延迟加载组件

使用Vue3的defineAsyncComponent特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。
lio_zero·2024-02-07 18:31

vue3 使用defineAsyncComponent与component标签实现动态渲染组件

之前用的vue2的动态挂载组件，也
小何开发·2024-02-07 18:31

vue中安装sass,elementUI

[安装sass]npminstallnode-sass-save-dev安装elementUInpmielement-ui-Smain.js中引入importVuefrom'vue';importElementUIfrom'element-ui
小宝儿_09f3·2024-02-07 18:00

Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

问题vue页面404适配过程中遇到这样一个问题，Error:Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是vue3.2
富朝阳·2024-02-07 18:29

vue3 使用defineAsyncComponent 动态加载组件

一、defineAsyncComponent函数Vue提供了defineAsyncComponent方法来实现此功能，该方法接收一个返回Pro
富朝阳·2024-02-07 18:27

vue 子组件改变父组件传来的参数

需求：点击父组件上的一个按钮，弹出一个子组件弹窗，子组件上面有一个关闭按钮，点击关闭按钮子组件隐藏；实现：在子页面：关闭thisissonbox{{infoooo}}.son{position:absolute;top:0;left:0;width:200px;height:200px;background-color:pink;}.title{width:100%;height:30px;}ex
蜗牛Coming·2024-02-07 18:47

jjche-boot-企业级快速开发平台

jjche-boot企业级快速开发平台，前后端分离设计，基于SpringBoot2.x、SpringSecurity，JWT，MyBatis-plus，Vue，在线代码生成器一键生成前后端代码，API接口快速开发利器
miaoyj·2024-02-07 18:35

【开源】JAVA+Vue+SpringBoot实现房屋出售出租系统

预定意向模块2.4交易订单模块三、系统展示四、核心代码4.1查询房屋求租单4.2查询卖家的房屋求购单4.3出租意向预定4.4出租单支付4.5查询买家房屋销售交易单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue
揣晓丹·2024-02-07 17:45

MVVM模型

MVVM模型M模型（Model）对应data中的数据（普通的JS对象）V视图（View）对应模板（Vue的模板经过解析形成的页面，页面生成的DOM结构）VMVue实例对象（ViewModel）整个绿色大盒子就是
walkerLing·2024-02-07 17:14

【开源】SpringBoot框架开发超市账单管理系统 JAVA+Vue+SpringBoot+MySQL

3.2前端设计3.3后端设计在这里插入图片描述四、系统展示五、核心代码5.1查询供应商5.2查询商品5.3新增超市账单5.4编辑超市账单5.5查询超市账单六、免责说明一、摘要1.1项目介绍基于JAVA+Vue
张燕沨·2024-02-07 17:43

解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题

Vue项目前端页面报错：“Invalidprop:typecheckfailedforprop“model”.ExpectedObject,gotArray”错误原因是：期望对象，得到的是数组从后台获取的数据是
sara的前端学习笔记·2024-02-07 17:32

【开源】JAVA+Vue+SpringBoot实现公司货物订单管理系统

2.3供应商管理模块2.4订单管理模块三、系统展示四、核心代码4.1查询供应商信息4.2新增商品信息4.3查询客户信息4.4新增订单信息4.5添加跟进子订单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue
揣晓丹·2024-02-07 17:13

[vue3快速入门] 16.v-model表单输入绑定

我们之前使用过v-model来双向绑定input的值，这节课我们简单介绍一下其他表单类型使用v-model，内容可能长一点，大家简单过一遍就行了，用到时候再去官网查也不晚。1.input文本框input中的内容是：{{message}}2.textarea多行文本textarea中的内容是：{{messageTextArea}}3.checkbox复选框1)单个复选框{{singleChecked
林哥学前端·2024-02-07 17:00

【开源】基于JAVA+Vue+SpringBoot的新能源电池回收系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1用户档案模块2.2电池品类模块2.3回收机构模块2.4电池订单模块2.5客服咨询模块三、系统设计3.1用例设计3.2业务流程设计3.3E-R图设计四、系统展示五、核心代码5.1增改电池类型5.2查询电池品类5.3查询电池回收机构5.4查询咨询接待人员5.5新增电池求购单六、免责说明一、摘要1.1项目介绍新能源电池回收系统是可持续发展的解决方
桑程程·2024-02-07 17:08

【开源】基于JAVA+Vue+SpringBoot的停车场收费系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1停车位模块2.2车辆模块2.3停车收费模块2.4IC卡模块2.5IC卡挂失模块三、系统设计3.1用例设计3.2数据库设计3.2.1停车场表3.2.2车辆表3.2.3停车收费表3.2.4IC卡表3.2.5IC卡挂失表四、系统实现五、核心代码5.1查询停车位5.2查询车辆5.3新增停车记录5.4查询IC卡5.5新增IC卡挂失六、免责说明一、摘要
桑程程·2024-02-07 17:08

【开源】基于JAVA+Vue+SpringBoot的课程案例资源库系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1管理员需求分析2.2用户需求分析三、系统设计3.1业务流程设计3.1.1管理员业务流程设计3.1.2用户业务流程设计3.1.3首页功能模块及业务流程分析3.1.4案例资源中心功能模块及业务流程分析3.1.5用户信息中心功能模块及业务分析3.1.6意见信息中心功能模块及业务流程分析3.2数据流程分析四、系统展示五、核心代码5.1查询案例资源5
桑程程·2024-02-07 17:37

vue3学习笔记之Transition&TransitionGroup

文章目录Transition&TransitionGroup动画组件1.Transition1.1TransitionAPI1.2基于CSS的过渡效果自定义过渡class+Animate动画库同时使用transition和animation深层级过渡与显式过渡时长duration（总持续时间）1.3JavaScript钩子+GreenSock库案例1.4可复用过渡效果1.5出现时过渡（appear
凡小多·2024-02-07 17:04

vue3-内置组件-Transition

Vue提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：会在一个元素或组件进入和离开DOM时应用动画。本章节会介绍如何使用它。
王大可996·2024-02-07 17:02

vue3 transition-group详解

vue3transition-group详解一、transition-group二、平移过渡动画三、总结transition-group组件是一个非常有用的工具，可以在Vue应用中实现过渡效果。
小钱999·2024-02-07 17:02

vue3-插件

插件插件(Plugins)是一种能为Vue添加全局功能的工具代码。
王大可996·2024-02-07 17:32

Vue组件（三）-内置组件component、transition、 transition-group、keep-alive、slot

下面的例子是一个简单的切换编辑器的组件，只在演示component组件的用法富文本编辑器Markdown编辑器Vue部分components:{MarkdownEditor,TinymceEditor}
牧云流·2024-02-07 17:01

Vue3跨域代理设置

Vue3中,就不要再使用什么vue.config.js文件来配置跨域代理了Vue3的项目,在通过vite来创建项目之后,会自动创建一个vite.config.js文件,跨域的代理就可以在这个文件中配置了
Leo_DLi·2024-02-07 17:31

Vue+Koa项目完整上线流程中遇到的问题

程序员有时候“提笔忘字”,以下是此次过程中遇到的问题流水账,按顺序记录的,不再细分什么前端后端了.有些问题可能过于简单,勿喷!1,Koa的get,post请求怎么获取参数get类请求:直接使用ctx.query来获取前端传递来的参数post类请求:需要使用到koa-bodyparser中间件,然后通过ctx.request.body来获取前端传递的参数koa-bodyparser在使用koa2指令
Leo_DLi·2024-02-07 17:31

React+TypeScript项目创建

可采取两个工具来创建：create-react-app(React官方提供)、vite(不仅仅是创建React项目，Vue等也可用)每种工具都列出npm和yarn两种使用方式一，create-react-app1
Leo_DLi·2024-02-07 17:00

vue3-内置组件-TransitionGroup

是一个内置组件，用于对v-for列表中的元素或组件的插入、移除和顺序改变添加动画效果。与的区别支持和基本相同的props、CSS过渡class和JavaScript钩子监听器，但有以下几点区别：默认情况下，它不会渲染一个容器元素。但你可以通过传入tagprop来指定一个元素作为容器元素来渲染。过渡模式在这里不可用，因为我们不再是在互斥的元素之间进行切换。列表中的每个元素都必须有一个独一无二的key
王大可996·2024-02-07 17:59

Vue 3 + Koa2 + MySQL 开发和上线部署个人网站

Vue3+Koa2+MySQL开发和上线部署个人网站记录个人的一个操作步骤,顺序不分先后,嫌啰嗦请出门右转!
Leo_DLi·2024-02-07 17:29

【vue】报错 Duplicate keys detected 解决方案

错误描述：Duplicatekeysdetected.Thismaycauseanupdateerror.错误直译：检测到重复的键。这可能会导致错误。错误原因：有相同父元素的多个子元素的v-for有相同的key值。解决方法：return:{dataList:[{name:'张三'，id:"1"},{name:'李四'，id:"2"}]}{{item.name}}//改变key值，将key值设置为唯
小墨鱼_z·2024-02-07 16:11

vue:sharedWorker共享工作者线程的使用

一.使用场景某项目某接口，请求返回的数据量较大，消耗服务器资源严重。如果在web端打开多个页签，同时请求该接口，会造成服务端负荷过重。这时，共享工作者线程(SharedWorker)就派上了用场。根据SharedWorker的特性，第一个页面打开线程，就会创建一个SharedWorker，第二个页面也打开，就会使用已经创建的同一个线程。如此，只要在线程中将数据进行一定的缓存处理，多个页签打开时，就
小飞牛牛·2024-02-07 16:00

vue3+Element-plus el-pagination分页组件英文如何转换为中文

解决方案如下：在main.js中导入相应的包，引入zhCn，在使用时添加语言，代码如下：import{createApp}from'vue'importpiniafrom'@/stores/index'importAppfrom
张小瑜·2024-02-07 16:00

vue3父子组件传值defineProps，子组件回调方法defineEmits

，无论数组换是对象这是子组件给父组件传值：{{childToFatherData}}1ref和组件名称不要相同2ref需要先被定义import{ref,onMounted,reactive}from"vue
前端小云儿·2024-02-07 16:00

vue3父组件调用子组件方法，属性

子组件子组件：父组件调用子组件方法，属性import{ref,reactive,defineExpose}from"vue";letdefineProps=defineProps(["id"]);letinfo
前端小云儿·2024-02-07 16:00

vue3 watchEffect 监听子组件变化

父组件父组件修改id的值import{ref,onMounted}from"vue";importhomeComfrom".
前端小云儿·2024-02-07 16:00
上一页 65 66 67 68 69 70 71 72 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他