大前端Vue

Vue中 常用的修饰符有哪些

Vue是一款建立在JavaScript框架上的开源前端库，已经成为当今前端开发人员最喜爱的选择之一。它的简洁语法和强大的功能使得开发者可以轻松地构建交互性的网页应用程序。
JJCTO·2024-02-09 09:52

Vue中v-on 可以监听多个方法吗

Vue.js是一款非常强大的JavaScript库，它提供了很多方便的方法和指令，使我们可以更容易地构建交互式的Web应用程序。
JJCTO·2024-02-09 09:52

Vue2中v-for 与 v-if 的优先级

在Vue2中，v-for和v-if是常用的指令，它们在前端开发中非常有用。但是，当我们在同一个元素上同时使用这两个指令时，就需要注意它们的优先级关系了。
JJCTO·2024-02-09 09:21

Vue中的 v-if 与 v-show 的区别

概述在Vue.js中，我们经常需要根据某些条件来显示或隐藏某些元素。这时，v-if和v-show这两个指令就派上了用场。
爱生活，更爱技术·2024-02-09 09:20

前端面试2021.4.9

面试题正文：1.vue全家桶包含哪些？答案：vue全家桶与react全家桶介绍2.v-model是什么？怎么使用？vue中标签怎么绑定事件？
土鳖班长大大·2024-02-09 09:56

vue自定义全局弹窗组件

vue自定义全局弹框组件在components文件夹下新增一个组件文件夹Dialog，新建一个模板组件Dialog.vue{{cancleText}}{{confirmText}}exportdefault
走花鹿·2024-02-09 09:58

vue中this.$set的用法

之前了解这个方法的时候，感觉用不到这个方法，因为当时没有应用场景，但是还真有用的时候，我相信你们也有用到时候。从三个方面给大家说一下这个this.$set:1.this.$set实现什么功能，为什么要用它？2.怎么用它？3.应用场景1.this.$set实现什么功能，为什么要用它？当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（
花雨_d9ba·2024-02-09 09:57

vue动态绑定class的最常用几种方式

第一种1.绑定单个classjs部分：判断是否绑定一个activedata(){return{isActive:true};}2.绑定多个class，需要逗号隔开就行js部分：判断是否绑定对应classdata(){return{isActive:true,hasError:true};}第二种（绑定的数据对象）data:{classObject:{active:true,}}第三种（绑定一个返回
Hasan_hs·2024-02-09 09:07

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

配置git提交时的commit信息，统一提交git提交规范安装命令:npminstall-gcommitizennpmicz-customizablenpmi@commitlint/config-conventional@commitlint/cli-D文件配置根路径创建文件commitlint.config.jsmodule.exports={//继承的规则extends:['@commitli
周家大小姐.·2024-02-09 08:29

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2
吃肉肉不吃肉肉·2024-02-09 08:42

基于线上的茶叶购买小程序（论文+程序设计源码+数据库文件）

为进一步了解和探索微信小程序在点餐系统中的潜在价值和意义，本文通过使用Javascript技术、Springboot、vue、WXML、WXSS等技术，开发了基于微信小程序的茶叶购买系统，实现了浏览商品
程序员小蛋·2024-02-09 08:47

基于Python实现的协同过滤商品推荐系统购物商城电商项目源码PHP案例源代码APP大作业nodejs程序设计微信小程序计算机

mysql数据库，项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、核心代码介绍视频等软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js
IT实战课堂·2024-02-09 08:46

含文档+PPT+源码等]精品基于PHP实现的好物优购商城|电商小程序[包运行成功]计算机PHP毕设微信小程序项目源码

该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程等软件开发环境及开发工具：操作系统：Windows10、Windows7、Windows8开发语言：php前端技术：JavaScript、VUE.js
IT实战营·2024-02-09 08:46

[精品毕设]微信小程序网上商城|电商+后台管理系统|前后分离VUE

《微信小程序在线商城+后台管理系统|前后分离VUE》该项目含有源码、文档等资料、配套开发软件、软件安装教程、项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用
IT实践课堂·2024-02-09 08:46

基于微信小程序的商城购物系统的设计与实现(文档+源码)

目录第一章绪论1.1开发背景1.2所选题目意义与目的1.3研究现状1.4本文研究内容第二章关键技术介绍2.1NODE.JS2.2MYSQL2.3VUE2.4HTML2.5JS2.6CSS2.7小程序开发者工具第三章系统分析
哥本哈根工作室_wlzytw·2024-02-09 08:16

【前端】实现Vue组件页面跳转的多种方式

目录前言1.内嵌2.跳转新页面2.1Demo12.2Demo22.3Demo33.拓展前言通过某个Button让页面多种方式跳转1.内嵌想要在Vue应用中内嵌一个外部网页，可以使用标签下面是一个示例：exportdefault
码农研究僧·2024-02-09 08:11

Vue3 常用的10个组合式 API

2024-01-025,917阅读6分钟Vue.js是一个用于开发Web应用程序的强大JavaScript框架。Vue2于2023年12月31日停止维护。
子伟-H5·2024-02-09 08:06

Vue模板逻辑

条件渲染  在Vue中，实现条件逻辑依靠条件指令，包括v-if、v-else、v-else-if这三个。【v-if】根据表达式的值的真假条件渲染元素。
小小的开发人员·2024-02-09 07:47

单体架构项目 后台管理系统 wan字长文 保姆及教学 Vue.js + Element UI 库 + node.js + axios + java +数据库 男女老少皆可使用

文章目录项目架构项目介绍模块介绍前后端分离开发前后端分离架构介绍接口文档前后端分离架构的优势技术选型前端技术选型后端技术选型项目开发环境Maven项目管理工具Maven介绍什么是MavenMaven的作用Maven的使用Maven软件的下载Maven软件的安装Maven环境变量配置Maven软件版本测试Maven仓库Maven的仓库分类Maven本地仓库的配置配置阿里云远程仓库创建Maven项目I
花花叔叔·2024-02-09 07:17

Vue3——setup 语法检测

1.安装VueLanguageFeatures、TypeScriptVuePlugin插件2.安装后，禁用Vetur3.禁用后重启工具即可
一只漫步前行的羊·2024-02-09 07:46

Spring Boot + Vue.js + FastDFS 实现分布式图片服务器（IDEA教学)

这个教程的项目采用SpringBoot+Vue.js+FastDFS开发一套完整实用的分布式图片服务。该教程采用IDEA教学，有完整的源码和笔记。
公众号-老炮说Java·2024-02-09 07:46

【开源】JAVA+Vue.js实现高校实验室管理系统

实验管理模块2.4实验设备模块2.5实验订单模块三、系统设计3.1用例设计3.2数据库设计四、系统展示五、样例代码5.1查询实验室设备5.2实验放号5.3实验预定六、免责说明一、摘要1.1项目介绍基于JAVA+Vue
蜜桃小阿雯·2024-02-09 07:45

Java实现在线课程教学系统 JAVA+Vue+SpringBoot+MySQL

、系统设计3.1用例设计3.2数据库设计四、系统展示4.1管理后台4.2用户网页五、样例代码5.1新增课程类型5.2网站登录5.3课时收藏5.4课时评论六、免责说明一、摘要1.1系统介绍基于JAVA+Vue
customer08·2024-02-09 07:45

vue3学习——axios封装

安装pnpmiaxios/src/utils/request.tsimportaxiosfrom'axios'import{ElMessage}from'element-plus'constrequest=axios.create({baseURL:import.meta.env.VITE_APP_BASE_API,timeout:5000,})//请求拦截器request.interceptor
可乐KL·2024-02-09 07:45

vue3学习——路由

安装pnpmivue-router/src/router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'import{
可乐KL·2024-02-09 07:45

vue3——实现表单校验

带着这些问题，今天一起来看一下vue3中如何实现表单校验吧~一、表单校验的意义当用户在输入框内输入的值或者必选项未进行选择时，就不触发下一步的操作可以让用户的信息都按一定的规则来设置，方便统一管理通过表单校验可以有效地规避不法分子进行
leo·2024-02-09 07:45

java基于springboot+vue的大学生在线选课系统 element

随着现代计算机科学的迅速发展，信息和通讯技术的应用与推广，各校教学管理模式正在发生着巨大的变革。学校教学管理工作信息化、数字化的教育与实践也越来越受到重视。学生的选课工作与学生的学业和老师的教学工作息息相关，也是高校信息管理的重要组成部分。全校性选修课的目的在于扩大学生知识面，加强学生素质教育，培养复合型高级人才，具有不可替代的重要性。当今社会对教育水平和教学管理软硬件的要求日益提高,这对一个学校
QQ123311197·2024-02-09 07:14

【开题报告】基于vue.js的高校在线选课系统的设计与实现

因此，设计并实现一个基于Vue.js的高校在线选课系统是非常有必要和有意义的。
加瓦程序设计师·2024-02-09 07:14

【开源】JAVA+Vue.js实现在线课程教学系统

、系统设计3.1用例设计3.2数据库设计四、系统展示4.1管理后台4.2用户网页五、样例代码5.1新增课程类型5.2网站登录5.3课时收藏5.4课时评论六、免责说明一、摘要1.1系统介绍基于JAVA+Vue
蜜桃小阿雯·2024-02-09 07:43

vue3——登录校验

页面首先需要在表单配置model、ref、rules，el-form-item中放prop登录scriptletform=reactive({username:'admin',password:'111111',})constformRef=ref()constbtnLoading=ref(false)construles={username:[{required:true,message:'请输
可乐KL·2024-02-09 07:13

【vue3学习笔记】自定义hook；toRef与toRefs

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P156节《自定义hook》笔记：实现一个鼠标“打点”功能：注意点：（1）组件卸载时需要接触window上的事件绑定，否则组件卸载后window
youyoufenglai·2024-02-09 07:04

vue 实现点击滚动效果

效果实现012345012345import_from'lodash'exportdefault{data(){return{//节流time:undefined,//定时器timeout:undefined,//当前高亮的title标志index:0,//右侧滚动区域DOMrightDiv:undefined,//右侧内容DOM数组content:undefined}},mounted(){//
孤岛的千城·2024-02-09 07:03

vue实现横向时间轴组件

效果图vue时间轴视频效果代码Timeline组件封装
HELLO_小仙女~·2024-02-09 07:03

Ant Design Vue 进行年度选择

定义变量selectedYear:'',//选择的年份dataopen:false,方法//点击选择框事件弹出日期组件选择年openChangeYear(status){if(status){this.dataopen=true}else{this.dataopen=false}},//选择年之后关闭弹框panelChangeYear(value){this.selectedYear=moment
Hello.鑫·2024-02-09 07:33

ODOO--OWL简介

如果您熟悉其他前端框架，如React、Vue、Angular、Backbone等，那么您将很快了解OWL。它遵循许多相同的模式和想法。
姜振建 15954039008·2024-02-09 07:33

vue实现滚动锚点定位

效果如图：注意：gd-tabs标签为内部框架组件，使用时替换为自己框架即可{{tabs[0].title}}qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq{{tabs[1].title}}qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
欣怡·2024-02-09 07:01

vue实现横向时间轴

代码：{{item.things}}{{item.timestamp}}exportdefault{name:'',data(){return{timeLineList:[{things:'1',timestamp:'2021-01-01',remark:''},{things:'2',timestamp:'2021-01-31',remark:''},{things:'3',timestamp:
Daisy__1·2024-02-09 07:57

Vue源码系列讲解——变化侦测篇【下】(Array的变化侦测)

把依赖收集到哪里4.2如何收集依赖4.3如何通知依赖5.深度侦测6.数组新增元素的侦测7.不足之处8.总结1.前言上一篇文章中我们介绍了Object数据的变化侦测方式，本篇文章我们来看一下对Array型数据的变化Vue
小彭努力中·2024-02-09 07:57

Vue源码系列讲解——虚拟DOM篇【一】(Vue中的虚拟DOM)

3.Vue中的虚拟DOM3.1VNode类3.2VNode的类型3.2.1注释节点3.2.2文本节点3.2.3克隆节点3.2.4元素节点3.2.5组件节点3.2.6函数式组件节点3.2.7小结3.3VNode
小彭努力中·2024-02-09 07:57

【vue3学习笔记】shallowReactive与shallowRef；readOnly与shallowReadOnly；toRaw与markRaw

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P158节《shallowReactive与shallowRef》笔记：reactive()与shallowReactive()：reactive
youyoufenglai·2024-02-09 07:56

vue 点击滚动时间轴

{{item.yearsMonth.substring(0,4)}}年{{item.yearsMonth.substring(5,6)==0?item.yearsMonth.substring(6,7)+'月':item.yearsMonth.substring(5,7)+'月'}}{{item.yearsMonth}}{{item.yearsMonth.substring(5,6)==0?ite
Hello.鑫·2024-02-09 07:25

Vue源码系列讲解——虚拟DOM篇【二】(Vue中的DOM-Diff)

目录1.前言2.patch3.创建节点4.删除节点5.更新节点6.总结1.前言在上一篇文章介绍VNode的时候我们说了，VNode最大的用途就是在数据变化前后生成真实DOM对应的虚拟DOM节点，然后就可以对比新旧两份VNode，找出差异所在，然后更新有差异的DOM节点，最终达到以最少操作真实DOM更新视图的目的。而对比新旧两份VNode并找出差异的过程就是所谓的DOM-Diff过程。DOM-Dif
小彭努力中·2024-02-09 07:24

微信公众号开发的H5页面只能在微信中打开（Vue项目）

实现用户只能在微信中打开H5页面思路就是：项目是单页面项目，所以页面都渲染在index.html页面中，所以只要在index.html中进行判断，当前用户使用的浏览器是什么，如果用户使用除了微信浏览器的其它浏览器，都会将页面加载到wxError.html页面内，提示用户“请在微信客户端打开链接”具体步骤：1、与index.html同级新建一个wxError.html文件完整的代码varua=nav
山城️777·2024-02-09 06:51

Vue事件中如何使用 event 对象

在Vue中，事件处理函数常常需要获取事件触发时的相关信息，比如鼠标位置、按键信息等。而要获取这些信息，就需要使用event对象。那么在Vue的事件中如何正确使用event对象呢？
JJCTO·2024-02-09 06:10

vue报错

写项目的时候发现以下报错：微信截图_20200911112843.png查询百度报错如下：Propertyormethod“xxx”isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents
牛氓不榴芒·2024-02-09 06:20

Vue2 创建组件库——（二）编写组件

/src/Card.vue'//为组件提供install安装方法，供按需引入Card.install=function(Vue){Vue.component(Card.name,Card);}exportdefaultCardpackages
G.X.Y~苏·2024-02-09 06:37

vue.js基于springboot的实验室设备管理系统10345

(1)设备信息模块：记录设备的基本信息，如设备采购来源信息、设备需求量、当前数量、日期等。(2)用户模块：教师职工。实现对用户个人信息、消息管理和实验室设备的查询使用申请等。(3)管理员模块：实现对所有设备信息的增删改查，管理所有用户、确认故障情况、采购审核、使用审批，发布通知打印报表。(4)设备使用管理模块：实现设备当前运营状况、使用记录的登记，以及对设备使用的登记和预约(5)设备故障管理模块：
计算机专业码农一枚·2024-02-09 06:06

微信小程序uniapp邢窑陶瓷博物馆门票预订推广平台

前端开发:vue小程序端运行软
计算机专业码农一枚·2024-02-09 06:06

springboot+vue居民小区设备报修系统

小区报修系统可以提高设施维护的效率，减少机构的人力物力成本，并使得维修人员可以更好地了解维护设备的情况，及时解决问题。对于用户来说，报修系统也方便用户的维修请求和沟通，提高了用户的满意度和信任。其次小区报修系统还具有以下意义：1．设备维修是延长设备使用寿命的保证，设备维修也是提高设备使用价值的保证，良好的设备维修能够最大地发挥设备在生命周期的使用价值。2．做好设备维修管理工作可以使业主安居乐业，方
计算机专业码农一枚·2024-02-09 06:06

Vue3编写简单的App组件(二)

一、Vue3页面渲染基本流程1、入口文件ViteApp2、main.ts//引入CreateApp用于创建应用import{createApp}from"vue";//引入App根组件importAppfrom
maplea2012·2024-02-09 06:04
上一页 56 57 58 59 60 61 62 63 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他