Vue3状态管理

Vue2&Vue3中的组件传值&自定义v-model语法糖

祖孙组件间传值Vue3中的祖孙组件间的传值:①父组件通过使用provide（）方法，定义依赖数据。
我的安娜有点菜·2024-01-05 10:09

JavaScript函数式编程

为什么使用函数式编程函数式编程时随着React的流行受到越来越多的关注Vue3也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用treeshaking过滤无用代码方便测试、方便并行处理有很多库可以帮助我们进行函数式开发
欢欢学编程·2024-01-05 09:10

vue3.0&&vue2.0-prop

注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非模式，使用比较少，不再讲解，可自行看官网目录一、vue3.0组合式1、vue3.0组合式prop传值:父组件传值给子组件
GllWyz·2024-01-05 09:06

Flutter中StatefulWidget控件状态管理的两种方式

这里写一下两种状态管理的方式和代码，
zZ_d205·2024-01-05 09:39

Vue3集成scss实现清除浏览器默认样式

1.首先去npm官网找到对应的reset.scss文件，复制内容在本地src下style建一个一模一样的文件，内容复制进去npm|Home2.在style文件夹下再建一个index.scss文件，在它里边引入刚刚建好的reset.scss文件，如下@import'./reset.scss';3.在main.ts中引入该文件，就可以让清除浏览器样式全局生效import'@/styles/index.
EntyIU·2024-01-05 08:31

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts文件配置如下:exportdefaultdefineConfig({plugins:[vue(),//scss全局变量的一个配置css:{preprocessorOptions:{scss:{j
EntyIU·2024-01-05 08:01

Vue3中配置env环境变量

什么时候会用到这个呢，比如我们的后端开发有多名，很多时候需要切换调用不同人的接口地址，或者在打包的时候，需要指定环境中的后台接口地址，那么我们频繁修改代码，就很麻烦，这个时候，就可以提前编写好每个人或者每个后端对应的环境文件，启动的时候指定对应的文件即可这里以开发环境和生产环境为例首先定义两个env文件，格式为，.env.环境名，里边的内容格式为#变量必须以VITE_为前缀才能暴露给外部读取NOD
EntyIU·2024-01-05 08:53

Vue3如何实现组件之间的数据传递

一，propsprops可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！
EntyIU·2024-01-05 08:23

【springboot+vue项目（十二）】文件上传状态管理

一、需求介绍基于SpringBoot+MySQL+Vue+ElementUI+easyexcel+WebSocket的完整方案，实现文件上传、解析、校验、入库，并存储实时日志的功能。后端（SpringBoot）：使用SpringBoot作为后端框架，搭建文件上传、解析、校验、入库的API接口。使用MySQL作为数据库存储文件处理的结果和相关数据。使用SpringWebSocket实现实时日志的推送
幸福巡礼·2024-01-05 08:15

CentOs 环境下使用 Docker 部署 Ruoyi-Vue

Docker部署Ruoyi-VueRuoYi-Vue项目下载地址RuoYi-Vue:基于SpringBoot，SpringSecurity，JWT，Vue&Element的前后端分离权限管理系统，同时提供了Vue3
Lincain·2024-01-05 07:49

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -后端架构搭建

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 07:02

前端食堂技术周刊第 110 期：Vue3.4、新版 Vue DevTools 开源、AI 2023 年度总结合集、Web Components 的另一个未来

技术资讯jQuery4.0即将发布ParkUI，shadcn/ui竞品Rolldown2024Q1开放代码库Vue3.4SlamDunkTanStackRouter1.0Next.js正在探索迁移到Lightnin
童欧巴·2024-01-05 07:27

前端实现pdf，图片，word文件预览

以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗。图片预览iframe标签能够将另一个HTML页面嵌入到当前页面中，我们的图片也能够使用iframe标签来进行展示。
前端鼓励师·2024-01-05 07:28

小程序面试问答(解决方案)

（xx分钟）必答加分深入再深入参考链接问：在uni-app中，如何进行全局状态管理？请介绍一下你对Vuex和Pinia的了解。
前端 贾公子·2024-01-05 07:52

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序端TabBar搭建

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 06:44

解决vue3.x debugger不能使用的问题

package.json->eslintConfig找到rules属性填写这段代码"rules":{"no-debugger":"off","no-console":"off","generator-star-spacing":"off","no-tabs":"off","no-unused-vars":"off","no-irregular-whitespace":"off"}重新运行项目，ok
最胖的小仙女·2024-01-05 06:33

VUE3发布到IIS跳转页面报404以及刷新报404解决

原文链接：https://blog.csdn.net/langligelangxy/article/details/131975495
一只害虫·2024-01-05 06:01

vue3 vite动态路由的问题

因为to.matched未配到路由导致，vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath"/basedata/psiIntialCustomer/add"加下面的代码，是解决不了问题，因为它只是转向了404页面。constroutes_404={path:"/:pathMatch(.*)*",hidden:true,c
warrah·2024-01-05 04:20

vue3中标签form插件

想写一个系统，对八字进行标注，比如格局，有些八字就有很多格局，于是就想着使用el-tag但是，form表单中如何处理呢？这个时候，就需要自己写一个,modelValue是表单的默认属性{{item}}+新增constinputVisible=ref(false)import{nextTick,ref,watch,getCurrentInstance}from'vue'importtype{Form
warrah·2024-01-05 04:48

新手上路~VUE3+Element-PLUS dialog弹出框重置表单不生效问题

遇到问题：添加操作，dialog弹出框里面的表单清空不生效！！！父组件核心代码//打开新增弹窗import{defineAsyncComponent,ref}from'vue';constroleDialogRef=ref();//引入组件constroleDialog=defineAsyncComponent(()=>import('/@/views/system/organization/ro
金金金__·2024-01-05 03:53

Vuex（vue2中的状态机）

目录Vuexstate属性getters属性mutations属性actions属性modules属性辅助函数Vuex状态管理模式维护公共状态公共数据使用状态机模块维护状态A组件中分发工作（发起异步请求
从明天开始好好学习前端·2024-01-05 02:34

Vue3-32-路由-重定向路由

什么是重定向路由的重定向：将匹配到的路由【替换】为另一个路由。redirect:重定向的关键字。重定向的特点1、重定向是路由的直接替换,路由的地址是直接改变的；2、在没有子路由配置的情况下，重定向的路由可以省略component属性的配置，因为根本不会渲染组件；重定向的几种写法1.直接使用路径重定向constroutsList=[{path:'/a',name:'aroute',component
NorthCastle·2024-01-05 01:03

Vue3-34-路由-路由配置参数 props

说明路由的路径中可以携带参数，形式如：/a/:pname，这个:表示这是个参数，pname：表示参数名称。在组件中，可以通过当前路由对象的params属性来获取到这个参数，当前路由对象可以通过useRoute()API来获取到。基本的代码如下：import{useRoute}from'vue-router';constcurrentRoute=useRoute()//获取对应的路径参数consol
NorthCastle·2024-01-05 01:03

Vue3-35-路由-路由守卫的简单认识

什么是路由守卫路由守卫，就是在路由跳转的过程中，可以进行一些拦截，做一些逻辑判断，控制该路由是否可以正常跳转的函数。常用的路由守卫有三个：beforeEach():前置守卫，在路由跳转前就会被拦截；beforeResolve():解析守卫，对路由的中的做元数据解析判断等逻辑处理；【常用】afterEach():后置守卫，路由跳转之后的操作，这个用的较少。本文对上述三个路由守卫进行一下简单的使用，供
NorthCastle·2024-01-05 01:03

Vue3-33-路由-路由的别名配置 alias

别名的作用路由中的别名配置，可以实现多个路径对应同一个路由。例如：路由的路径是/a;配置别名为：/a2;则访问/a或/a2的时候，都可以访问到同一个组件。别名的特点关键字：alias当通过别名进行路由访问时，路由地址不会发生替换；当通过重定向进行路由访问时，路由地址会发生替换。以上就是别名与重定向的区别。别名的使用有三种基本的使用方式：1、简单的指定一个别名；2、可以指定数组的形式；3、嵌套路由需
NorthCastle·2024-01-05 01:02

VUE3-响应式

VUE3-响应式响应式简介为什么使用Proxy图解实现流程DEMO实现讲解DEMO-reactiveDEMO-baseHandlerDEMO-EffectDEMO-Ref响应式简介Vue3引入了新的响应式系统
禅思院·2024-01-05 01:15

vue组件化开发，与渐进式框架讲解

但是，Vue提供了许多插件和工具，可以方便地增加路由、状态管理、服务器端渲染、构建工具等功能。这些插件和工具可以根据项目的需要进行选择和集成，从而实现最小化、高效
嘘~！·2024-01-05 00:42

vue高频面试题合集（一）附答案

vue3.0特性你有什么了解的吗？
helloworld1024·2024-01-05 00:54

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(十)完结篇

文章目录角色信息管理模块化操作角色管理【条件列表分页显示】后端的控制SysRoleController请求方法编写前端的视图处理效果如下：新增/修改角色信息管理后端控制器的请求方法编写:前端视图的处理将用户模块的进行复制之后进行修改，需要的注意的点：效果如下：删除/批量删除角色信息管理后端控制器的请求编写：前端页面的处理:显示以及修改权限菜单树预览效果：后台控制器的的方法编写：前端页面的处理：参照
许锅锅啊·2024-01-04 22:47

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(九)

文章目录用户信息管理模块化操作1、用户信息列表分页显示数据实现可以在实体对象中封装一个分页的对象后端控制器的编写如下:请求方法上需要加上权限的处理哦前端的views/sys/user/index.vue组件的编写预览效果:国际化处理在main.js中进行处理即可常见问题如果在请求的过程中，出现上述问题，则需要检查你的vue页面中定义的数据的类型是否与后端响应回来的数据进行匹配。如下:需改成:用户搜
许锅锅啊·2024-01-04 22:46

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(八)

文章目录个人中心的页面实现按照左右两部分的布局划分即可修改views/userCenter/index.vue文件在util目录下新建处理时间的js【formatDate.js】预览效果：所属的角色信息没有，需要修改后端的数据映射组件细化处理在userCenter目录下新建三个组件来对应三个内容修改index.vue中的引入以及组件的使用基本资料修改的实现userInfo.vue组件内容的编写修改
许锅锅啊·2024-01-04 22:15

#Vue3篇:element-plus添加到vue3

安装pnpminstallelement-plus完整引入//main.tsimport{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'constapp=createApp(App)app.use(ElementPlus
Random_index·2024-01-04 21:18

React 面试题整理

4、状态管理与对象属性react:如果你熟悉React，你就会知道应用状态是一个关键
Grit_1024·2024-01-04 21:54

vue判断组件有没有传入的slot有就渲染slot没有就渲染内部节点

Vue3中的$slots是一个对象，其中包含了所有插槽的引用。如果插槽没有内容，对应的插槽属性将会是undefined。
ATalk机器人·2024-01-04 19:07

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维
南山老沙·2024-01-04 19:58

企业培训系统开发：构建灵活高效的学习平台

以下是一个基本的技术选型示例：前端开发：使用React.js构建用户界面，采用Redux进行状态管理。
万岳科技系统开发·2024-01-04 18:51

优医问诊H5 Vue3+TS+Pinia+Vant源码。

想学习vue3的或者以后工作需要，可以先看一下这个项目的源码，可以本地运行，思路清晰代码推送到了仓库克隆地址：[email protected]:mazhanhu/ma-excellent-medical-consultation.git
ik.DL·2024-01-04 18:43

VUE3跳转页面时 定时器未清除解决

一,问题1、在vue中使用setTimeout定时器的时候，可能会遇到关不掉的情况，会存在明明已经在beforeDestroy和destroyed中设置了定时器清除了，但是有时候没生效，定时器还会继续执行。2、在这里需要说一下setTimeout的使用场景：（1）需要执行一次定时的时候用得到，比如需要在多久之后执行的一次操作（2）接口需要定时查询，并且需要在接口返回数据后再查询的情况下（接口定时查
CV工程师!!·2024-01-04 17:36

vue3 + Element-plus + Echarts 5.2 切换不更新、导出PDF不显示 解决方案

vue3+Element-plus+Echarts5.2切换不更新、导出PDF不显示解决方案1、使用el-tabs切换导致Echarts不显示问题2、折线图Echarts不更新问题3、异常抛出：Uncaught
前端早间课·2024-01-04 17:31

vue3 + TS + vite 搭建中后台管理系统（完整项目）

vue3+TS+vite搭建中后台管理系统（完整项目）前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果
前端早间课·2024-01-04 17:31

如何搭建中后台管理系统

vue3+TS+vite搭建中后台管理系统前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果5、vue3
前端早间课·2024-01-04 17:28

vuex

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
无药可救的渣渣·2024-01-04 16:58

vue3学习 【1】开发环境准备

安装vsCodevscode官网地址nvm安装推荐使用nvm进行node管理，vue3需要node18+,所以需要安装版本，使用nvm可以管理多个node版本，方便使用和切换安装方式linuxcurl-o-https
shao.zq·2024-01-04 16:15

Vue3全局属性app.config.globalProperties

文章目录一、概念二、实践2.1、定义2.2、使用三、最后一、概念一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。点击【前往】访问官网二、实践2.1、定义在main.ts文件中设置app.config.globalPropertieimport{createApp}from'vue'importElementPlusfrom'element-plus';import'element-pl
小马甲丫·2024-01-04 16:37

tsconfig.json配置说明

为2020年作技术储备，学习下ts，毕竟vue3.0将至{"compilerOptions":{/*BasicOptions*/"target":"es5"/*target用于指定编译之后的版本目标:'
滴流乱转的小胖子·2024-01-04 15:00

html 编辑器 拖动,可视化拖拽页面编辑器 一

技术框架采用Vue3+Typescript+ElementPlus每个章节下边都会贴出对应commit代码，方便大家对比
weixin_39769703·2024-01-04 15:04

vue3 使用 Element-plus 的 el-pagination 分页组件时无法显示中文

使用element-puss框架，分页显示英文解决方法在main.tselement-puss,2.3.8版本后的，importzhCnfrom"element-plus/es/locale/lang/zh-cn";element-puss,2.3.8版本以前的，importzhCnfrom"element-plus/lib/locale/lang/zh-cn";1我的是2.4.3版本因此将设置中
梦想家加一·2024-01-04 15:25

vue3(十一)-基础入门之脚手架创建项目与打包并部署项目

一、安装node.jsnode.js官网1、下载并安装推荐版2、检查是否安装成功有版本号表示安装成功3、如果想安装淘宝镜像可以使用以下指令npminstall-gcnpm-registry=https://registry.npm.taobao.org检查淘宝镜像是否安装成功二、安装vue脚手架该指令为固定指令不可更改npminstall-g@vue/cli1、检查是否安装成功有版本号表示安装成功
热爱码字·2024-01-04 15:20

vue3(十二)-基础入门之反向代理

一、反向代理当遇到跨域问题时，可以通过反向代理解决跨域问题1、创建一个与package.json同级的文件vue.config.jsvue.config.js：代理以/ajax为开头的地址。代理服务器为：https://www.xxxx.comconst{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({de
热爱码字·2024-01-04 15:50

vue3(十三)-基础入门之路由配置与重定向

一、一级路由与重定向1、创建App.vue在父组件中导入子组件Navbarimportnavbarfrom'@/components/Navbar'exportdefault{components:{navbar}}2、创建Navbar.vue组件App.vue导入了Navbar组件，所以需要创建该组件；使用router-link作为跳转标签；而router-view看作一个插槽，点击相应的跳转标
热爱码字·2024-01-04 15:50
上一页 60 61 62 63 64 65 66 67 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他