vue3计算机毕业设计

【vue3系列】vue3快速入门教程

Vue3入门根实例初始化不同2.x中通过newVue()的方法来初始化importAppfrom'./App.vue'newVue({store,render:h=>h(App)}).
xiaoLiang o·2024-02-04 19:44

vue3快速入门

文章目录1.Vue3简介1.1.性能的提升1.2.源码的升级1.3.拥抱TypeScript1.4.新的特性2.创建Vue3工程2.1.基于vue-cli创建2.2.基于vite创建（推荐）vite介绍创建步骤项目结构安装插件项目结构总结
ps酷教程·2024-02-04 19:42

[原创-开源博客系统框架]Yeliheng的技术小站正式开源

Yeliheng-Blog是一个基于SpringBoot+Vue3开发的前后端分离的完整博客系统。它
Yeliheng·2024-02-04 18:11

前端学习之路(2) Vue3响应式模式设计原理

为什么要关系vue3的设计原理？
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 18:42

vue3-setup语法糖 - 父子组件之间的传值

一、父组件向子组件传值1、父组件传递方式我是父组件importChildfrom'./Child'import{ref}from'vue'constparentMsg=ref('父组件传递值是a')2、子组件接收方式和使用我是子组件拿到了父组件的值是{{info}}import{toRefs,defineProps}from'vue'constprops=defineProps({//子组件接收父
芒果芒果丶·2024-02-04 17:30

vue3父子组件相互调用方法(setup)

一、父组件调用子组件方法子组件需要使用defineExpose对外暴露方法，父组件才可以调用！1.父组件触发子组件方法import{ref}from'vue';importChildfrom'../../components/child.vue';//二：定义与ref同名变量constchildRef=ref()//三、函数constgetChild=()=>{//调用子组件的方法或者变量，通过v
芒果芒果丶·2024-02-04 17:28

Vue3 如何实现一个带遮罩的 dialog 对话框

前言：今天在项目中遇到了很多很多需要弹出一个对话框的场景，由于之前全都是通过v-if来控制这个组件的显示与否，这样就造成了很多页面莫名多出了很多不相关的代码，极度不优雅。所以我尝试去实现了一个函数式调用的dialog组件，感觉在简单的场景下还是比较好用的，特来分享一下这个思路。一.前期准备你需要创建两个文件来和我一起完成这个函数式调用的dialog，Dialog.vue和dialogCreator
韩振方·2024-02-04 16:56

前端开发之VueDraggable使用和实例

前端开发之VueDraggable使用和实例一、前言：二、Vue.Draggable简介三、效果图四、相关链接五、vue2中使用Vue.Draggable1、vue2安装插件2、vue文件六、vue3中使用
冯浩(grow up)·2024-02-04 15:50

Vue3动态CSS

Vue3动态CSS动态css值动态css对象module模式动态css值动态cssimport{ref}from'vue'conststyle=ref('blue').div{color:v-bind(
*郑*·2024-02-04 15:06

Vue3中使用tsx文件

1.安装npminstall@vitejs/plugin-vue-jsx-D2.配置vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'importvueJsxfrom"@vitejs/plugin-vue-jsx"//https://vitejs.dev/
*郑*·2024-02-04 15:36

Vue3中插槽选择器和全局选择器

Vue3中插槽选择器和全局选择器插槽选择器全局选择器1.再增加style2.使用:global插槽选择器使用场景:要在定义插槽时定义样式定义插槽插槽:slotted(.a){color:red}使用插槽百度
*郑*·2024-02-04 15:59

Vue从入门到精通(第三方插件使用+Axios封装+Vuex状态管理+Vue3新特性)

文章目录一、Vue是什么，为什么要学习他二、Vue开发前的准备安装Vue工具==VueCLI==创建一个项目三、Vue模板语法原始HTML属性Atribute使用JavaScript表达式四、Vue条件渲染v-ifv-elsev-showv-if和v-show的区别五、Vue列表渲染v-for维护状态五、Vue事件处理监听事件事件处理方法内联处理器中的方法六、Vue表单输入绑定v-model修饰符
前端初见·2024-02-04 14:43

Vue3+TypeScript+Django Rest Framework 搭建个人博客（三）：博客管理后台

一个完整的网站都是有前台和管理后台组成的，前台用来给真正的用户浏览和使用，后台用来给管理员管理网站内容，配置各种功能和数据等。博客的管理后台就是用来承载创建博客，发布博客，查看留言，管理博客用户这些功能的子系统。大家好，我是落霞孤鹜，上一篇我们已经实现了用户注册，登录，登出的功能，这一章我们开始搭建博客的管理后台，实现对博客网站的管理功能。我会同样按照一个完整的功能，从需求分析到代码编写来阐述如何
zgj0607·2024-02-04 14:13

Vue3 -- 自定义指令directive

目录自定义指令directive局部自定义指令全局自定义指令自定义指令动态参数函数简写传参给自定义指令总结自定义指令directive在Vue中除了像v-model和v-show这样的默认内置的指令外，Vue也允许注册自定义指令。自定义指令用于对DOM元素进行底层操作。局部自定义指令局部自定义指令类似局部组件，组件使用directives进行引用，以输入框自动获得焦点为例。//注册一个局部自定义指
爱划水de鲸鱼哥～·2024-02-04 13:30

Vue3 - 自定义指令封装

Vue3-自定义指令封装一.自定义指令封装1.1全局/局部注册自定义聚焦指令1.2自定义指令相关参数1.3自定义指令参数传递二.总结一.自定义指令封装vue中有很多内置的指令，我们一般在开发中也经常用到
Zong_0915·2024-02-04 13:29

vue3-自定义指令

自定义指令vue除了内置的制指令（v-modelv-show等）之外，还允许我们注册自定义的指令。vue复用代码的方式：组件：主要是构建模块。组合式函数：侧重有状态的逻辑。自定义指令：主要是为了重用涉及普通元素的底层DOM访问的逻辑。定义:一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。示例：input元素自动获取焦点import { ref }
王大可996·2024-02-04 13:27

【Vue3.0】- 入坑 - 全家桶

本文主要内容基于vue-cli快速搭建Vue3.0项目快速搭建Vue3.0项目版本"dependencies":{"core-js":"^3.6.5","vue":"^3.0.0-0","vue-router
啦啦啦喽啰·2024-02-04 13:41

使用vite搭建vue3项目

(y)y✔Projectname:…vue3_vite//项目名称✔Selectaframework:›vue//选择vue✔Selectavariant:›vuecdvue3_vite//进入目录npminstall
Zeng　·2024-02-04 13:08

Vue3实现响应式编程

Vue3中实现响应式编程的方式有以下几种：使用ref函数：Vue3中引入了一个新的ref函数，用于创建一个响应式的数据对象。通过ref函数创建的变量是一个引用，可以通过.value访问和修改它的值。
&ACE&·2024-02-04 12:42

vue3学习——svg使用及封装组件，color不生效问题

安装pnpminstallvite-plugin-svg-icons-D在vite.config.ts中配置插件import{createSvgIconsPlugin}from'vite-plugin-svg-icons'importpathfrom'path'exportdefault()=>{return{plugins:[createSvgIconsPlugin({//Specifythei
可乐KL·2024-02-04 12:19

vue3学习——mock数据

安装pnpminstall-Dvite-plugin-mockmockjsvite.config.js配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{viteMockServe}from'vite-plugin-mock'exportdefaultdefineConfig(({command})=>{r
可乐KL·2024-02-04 12:19

vue3学习——自定义插件，注册组件（引入vue文件报红线）

在src/components文件夹目录下创建一个index.ts文件import{App,Component}from'Vue'importSvgIconfrom'@/components/SvgIcon/index.vue'importPaginationfrom'@/components/Pagination/index.vue'constglobalComponents:{[name:st
可乐KL·2024-02-04 12:48

评论区功能的简单实现思路

基于你的技术栈（前端Vue3，后端Java），下面是一个具体的实现思路和数据库设计建议，并探索一下知乎的评论系统。数据库设计评论功能的数据库设计是整个功能实现的基础。
CoderJia程序员甲·2024-02-04 11:19

脚手架快捷创建项目

electron-forge创建electron项目npxelectron-forgeinitmy-new-app#oryarncreateelectron-appmy-new-appvite搭配vue3.2
莫得小累·2024-02-04 10:58

springboot流浪动物救助系统-计算机毕业设计源码78174

摘要21世纪的今天，随着社会的不断发展与进步，人们对于信息科学化的认识，已由低层次向高层次发展，由原来的感性认识向理性认识提高，管理工作的重要性已逐渐被人们所认识，科学化的管理，使信息存储达到准确、快速、完善，并能提高工作管理效率，促进其发展。论文主要是对流浪动物救助系统进行了介绍，包括研究的现状，还有涉及的开发背景，然后还对系统的设计目标进行了论述，还有系统的需求，以及整个的设计方案，对系统的设
vx_cxsj813·2024-02-04 09:51

springboot+mysql在线医疗系统-计算机毕业设计源码85035

目录摘要1绪论1.1研究背景1.2研究目的及意义1.3springboot框架介绍2在线医疗系统系统分析2.1可行性分析2.2系统流程分析2.2.1数据流程3.3.2业务流程2.3系统功能分析2.3.1功能性分析2.3.2非功能性分析2.4系统用例分析2.5本章小结3在线医疗系统总体设计3.1系统架构设计3.2系统功能模块设计3.2.1整体功能模块设计3.2.2用户模块设计3.2.3评论管理模块设
vx_cxsj813·2024-02-04 09:21

springboot+mysql政府婚姻登记预约排号管理系统-计算机毕业设计源码62594

摘要由于当今各行各业的信息化、智能化建设越来越普及，整个社会对各个行业的办事效率的要求越来越高，尤其是服务性行业既要满足被服务人的服务需求又要提高服务质量，提高服务效率例如政府部门等，现在的办事人不仅仅要求行政部门等满足业务上的需要，还要求行政部门尽量减少办事人的等待时间，而行政部门本身电于服务的需要，也要求提高本身的办事效率，提高本身服务的形象，而这些窗口服务的排队现象在所难免，为了在排队时减少
vx_Biye_Design·2024-02-04 09:20

springboot+mysql在线招聘系统-计算机毕业设计源码54929

目录摘要1绪论1.1课题来源1.2研究意义1.3系统开发技术的特色1.4springboot框架介绍1.5论文结构与章节安排22在线招聘系统系统分析2.1可行性分析2.2系统流程分析2.2.1数据增加流程2.3.2数据修改流程2.3.3数据删除流程2.3系统功能分析2.3.1功能性分析2.3.2非功能性分析2.4系统用例分析2.5本章小结3在线招聘系统总体设计3.1系统架构设计3.2系统功能模块设
vx2_Biye_Design·2024-02-04 09:19

springboot+mysql机房管理系统-计算机毕业设计源码43362

摘要科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设基于机房管理系统。本设计主要实现集人性化、高效率、便捷等优点于一身的基于机房管理系统，完成机房信息、计算机信息、上机信息、下机信息等功能模块
vx2_Biye_Design·2024-02-04 09:49

django音乐电台推荐系统-计算机毕业设计源码00750

摘要科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用python技术建设音乐电台推荐系统。本设计主要实现集人性化、高效率、便捷等优点于一身的音乐电台推荐系统，完成用户管理、音乐类型、歌手信息、歌曲信息、热门歌
高级程序源·2024-02-04 09:19

node.js个性化音乐推荐系统-计算机毕业设计源码00485

摘要科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用NodeJS技术建设个性化音乐推荐系统。本设计主要实现集人性化、高效率、便捷等优点于一身的个性化音乐推荐系统，完成人员管理、热门榜单、新歌榜单、音乐分类、歌
高级程序源·2024-02-04 09:18

springboot在线问诊系-计算机毕业设计源码00211

摘要针对医院门诊等问题，对在线问诊进行研究分析，然后开发设计出在线问诊系统以解决问题。在线问诊系统主要功能模块包括首页、轮播图管理、公告信息管理、资源管理、系统用户管理（管理员、患者用户、医生用户）、模块管理（科室管理、在线问诊、问诊信息、评价信息、病症类型、药物信息）等，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取My
FYKJ_2010·2024-02-04 09:15

java-php-python-springboot智慧问诊系统计算机毕业设计

java-php-python-springboot智慧问诊系统计算机毕业设计java-php-python-springboot智慧问诊系统计算机毕业设计本源码技术栈：项目架构：B/S架构开发语言：Java
张正学长·2024-02-04 09:45

springboot在线问诊系统-计算机毕业设计源码00211

摘要针对医院门诊等问题，对在线问诊进行研究分析，然后开发设计出在线问诊系统以解决问题。在线问诊系统主要功能模块包括首页、轮播图管理、公告信息管理、资源管理、系统用户管理（管理员、患者用户、医生用户）、模块管理（科室管理、在线问诊、问诊信息、评价信息、病症类型、药物信息）等，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取My
高级程序源·2024-02-04 09:13

ele-h5项目使用vue3+vite开发：第三节、自定义hooks-useToggle实现搜索页展示切换

需求分析点击首页搜索框，出现搜索页点击搜索页,隐藏搜索页,展示首页新建搜索页组件实现效果hooks介绍理解hooks就是将去改变一个参数值时，页面也会更新对应的值的想法、抽象，用代码实现的地方如何实现一个hooks在src（source）目录下创建一个use文件夹用来存放hooks文件在hooks文件中创建一个hooks写一个函数并用export来导出给对应的组件使用。该函数是用来接收和返回相关h
_沐晨·2024-02-04 09:28

ele-h5项目使用vue3+vite开发：第四节、业务组件-SearchView组件开发

需求分析展示切换动画搜索框输入文字，自动发送请求搜索结果展示搜索状态维护历史搜索展示，点击历史搜索后发送请求历史搜索更多切换动画效果importOpSearchfrom'@/components/OpSearch.vue'import{ref}from'vue'import{fetchSearchData}from'@/api/search'importtype{ISearchResult}fro
_沐晨·2024-02-04 09:25

Vue3快速使用手册

Vue3的创建npmcreatevite@latest1.设置项目名。2.选择框架。3.选择支持的语法，默认使用TS。......
秃狼·2024-02-04 09:14

计算机毕业设计分享【Java编程语言/Vue/MySQL数据库/Springboot框架和Ajax】，Springboot医院人力资源管理系统的设计与实现-53606（上万套实战教程，赠送源码）

Springboot医院人力资源管理系统的设计与实现摘要科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设医院人力资源管理系统。医院人力资源管理系统主要功能模块包括系统用户、权限管理、科室病区病
vx_bscxy322·2024-02-04 09:05

【Electron】electron-builder打包过程中报错： A connection attempt failed—connected host has failed to respond

学习项目使用的是vue3+typescript+vite+electron，npmrunbuild打包报错信息如下：Get“https://github.com/electronXXXX”:dialtcpXXXX
卸载引擎·2024-02-04 08:27

WebGL+Three.js入门与实战——绘制水平移动的点、通过鼠标控制绘制（点击绘制、移动绘制、模拟画笔）

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典Vue2Vue3Vue2
前端杂货铺·2024-02-04 08:08

【Vue3】组合式API—ref，reactive

1.初识setup1.setup两种返回值1.setup需要一个返回对象，且对象内所有数据都可以在模板中使用exportdefault{name:'App',setup(){//直接定义数据，方法，函数等letname='山鱼';letage=18;functionsayHello(){alert(`你好我叫${name},我今年${age}岁`)}//必须得返回出去才能在页面接收到return{
Aic山鱼·2024-02-04 07:59

vue3 之 组合式API—computed

computed计算属性函数计算属性基本思想和Vue2的完全一致，组合式API下的计算属性只是修改了写法核心步骤：导入computed函数执行函数在回调参数中return基于响应式数据做计算的值，用变量接收```vue//1.导入computedimport{ref,computed}from'vue'//原始数据constlist=ref([1,2,3,4,5,6,7,8])//2.执行函数re
jiojio在学习勒·2024-02-04 07:28

Vue3组合式API——reactive和ref函数讲解

文章目录1.reactive()函数的作用2.ref函数的作用3.小结1.reactive()函数的作用reactive函数只能支持对象类型的函数。返回的结果是一个响应式对象。第一步，导入函数import{reactive}from'vue'第二步，执行函数，传入一个对象类型的参数，变量接收，返回值state为一个响应式对象，挂载在dom里面改变的时候可以实时更新。conststate=react
包小志·2024-02-04 07:28

Vue3组合式API - reactive和ref函数

reactive函数作用:接收对象类型数据的参数传入并返回一个响应式的对象步骤一.从vue包中导入reactive函数二.在中执行reactive函数并传入类型为对象的初始值，使用变量接收返回值import{reactive}from'vue'//导入conststate=reactive({//执行函数传入参数变量接收count:0})constadd=()=>{state.count++//修
小羊集事笨·2024-02-04 07:28

vue3组合式api（reactive, ref, toRefs, watch, watchEffect）

Vue3的一大特性函数----setup1、setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的
给我一瓶冰阔洛·2024-02-04 07:26

vue3组合式Composition API之reactive函数的具体用法

reactive函数作用:定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）语法：const代理对象=reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象）reactive定义的响应式数据是“深层次的”。内部基于ES6的Proxy实现，通过代理对象操作源对象内部数据进行操作。代码：一个人的信息姓名：{{person.name}}
南北极之间·2024-02-04 07:25

vue3组合式Composition API之ref函数的具体用法

ref函数作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。JS中操作数据：xxx.value模板中读取数据:不需要.value，直接：{{xxx}}备注：接收的数据可以是：基本类型、也可以是对象类型。基本类型的数据：响应式依然是靠Object.defineProperty()的get与set完
南北极之间·2024-02-04 07:55

Vue3/ Vue3组合式API(reactive 函数) 、 Vue3组合式API(ref 函数)

一.Vue3组合式API(reactive函数)语法:const代理对象=reactive(源对象)1.state需要有返回值只有返回的值才能在模板中使用2.默认普通的数据不是响应式的作用:用来定义一个对象类型响应式数据概述
春暖花开.,·2024-02-04 07:23

vue3 之 组合式API—reactive和ref函数

ref（）作用：接收简单类型或者对象类型的数据传入并返回一个响应式的对象核心步骤：1️⃣从vue包中导入ref函数2️⃣在//导入import{ref}from'vue'//执行函数传入参数变量接收constcount=ref(0)constsetCount=()=>{//修改数据更新视图必须加上.valuecount.value++}{{count}}reactive()作用：接受对象类型数据的
jiojio在学习勒·2024-02-04 07:21

vue3 之 组合式API - setup选项

首先我们先看下setup选项的写法和执行时机setup选项中写代码的特点语法糖总结setup选项的执行时机？beforeCreate钩子之前自动执行setup写代码的特点是什么？定义数据+函数然后以对象方式return经过语法糖的封装更简单的使用组合式APIsetup中的this还指向组件实例吗？指向undefined
jiojio在学习勒·2024-02-04 07:34
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他