前端学习之路—Vue

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

第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)

这里我已经搭建好了项目快速搭建Electron+Vite3+Vue3+TypeScript5
Etc.End·2024-02-09 06:26

vue的8大生命周期

第072个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。
还是大剑师兰特·2024-02-09 06:21

小程序细节

可以新建一个文件夹，比如assets，里面放文件夹image、wxss，这部分跟咱们开发vue项目一样，pages里就相当于vue的views文件夹页面，同理组件也可以新建一个components的文件夹
甘草子XS·2024-02-09 06:41

从 16 个方向逐步搭建基于 vue3 的前端架构

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu_461229187·2024-02-09 06:46

下一代浏览器插件开发框架 WXT 入门指南

前言如果你没有开发过浏览器插件，那么我建议你直接选择一款框架去开发，因为我们在开发一款Chrome插件时，是采用HTML、CSS和JavaScript的传统方式开发，无法直接使用vue、react等常用框架去编写
codexu_461229187·2024-02-09 06:45

Canvas实现高性能的瀑布图

技术选型框架：Vue(这并不重要，反正我也不会多说这块)数据传输：WebSocket频谱图：HighCharts瀑布图：Canvas为什么使用WebSocket？
codexu_461229187·2024-02-09 06:45

基于Vue的前端架构，我做了这15点

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu_461229187·2024-02-09 06:45

springboot/ssm大学生就业服务平台就业招聘宣传管理系统Java系统

springboot(ssm大学生就业服务平台就业招聘宣传管理系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
kirito学长-Java·2024-02-09 06:44

基于SpringBoot大学生计算机基础网络教学系统的设计与实现

主要内容：毕业设计，SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Python、Nodejs、小程序、安卓app、大数据等设计与开发感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和博主沟通
一点教程·2024-02-09 06:43

springboot(ssm大学生创新创业项目管理系统 创业管理系统Java系统

springboot(ssm大学生创新创业项目管理系统创业管理系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
kirito学长-Java·2024-02-09 06:13

2024年的VUE2下的无效指令npm install --save vue-i18n

vue官网已经声明了不再维护vue2,vue-i18n安装依赖的时候就只接安装vue3的vue-i18,直接报错：>npminstall--savevue-i18nnpmERR!
阿狸Jay(塘主)·2024-02-09 06:43

VuePress + Travis CI + Github Pages 全自动上线文档

整体思路1.Github创建项目，本地创建切换到docs分支，通过VuePress构建文档项目（写一些文档），上传至Github。
codexu_461229187·2024-02-09 06:12

springboot(ssm大学生计算机基础网络教学系统 在线课程系统Java系统

springboot(ssm大学生计算机基础网络教学系统在线课程系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
kirito学长-Java·2024-02-09 06:42

2020-vue疑难杂症-vue 中项目打包由于console.log导致打包不

打包不了，一直报错image.png您们看看是不是这样子的错误，我心都要崩溃了，但是没关系，2019年-6月份刚刚学了这个，但是那个时候是vue-cli的可视化操作，我现在不用可视化，怎么操作呢？？？？
ITWangCoder·2024-02-09 06:39

vue中的this.$nextTick和Vue.nextTick

$nextTick其实就是Vue.nextTick,因为this指向的就是Vue官方说法:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。
tenro·2024-02-09 06:29

Gradio: 快速构建你的 webApp

webApp_Python_AIWeker_InfoQ写作社区1.什么是Gradio如果你了解web开发，一定会知道开发一款webApp需要涉及很多技术栈：前端：HTML+CSS+JS(可能会涉及不同的CSS框架和JS框架如jqueryVUEreact
javastart·2024-02-09 06:29
上一页 56 57 58 59 60 61 62 63 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他