Vue3状态管理

FlinkAPI开发之状态管理

案例用到的测试数据请参考文章：Flink自定义Source模拟数据流原文链接：https://blog.csdn.net/m0_52606060/article/details/135436048Flink中的状态概述有状态的算子状态的分类托管状态（ManagedState）和原始状态（RawState）Flink的状态有两种：托管状态（ManagedState）和原始状态（RawState）。托
Appreciate(欣赏)·2024-01-19 08:18

【Vue3源码】第四章 实现isReadonly和isReactive

【Vue3源码】第四章实现isReadonly和isReactive前言上一章节我们实现readonlyAPI，并且优化之前写的reactiveAPI。
顽皮宝·2024-01-19 07:59

react中父组件如何直接调用子组件的方法和属性,以及对比vue3.0父组件调用子组件的方法和属性

react中父组件如何直接调用子组件的方法和属性,以及对比vue3.0父组件调用子组件的方法和属性reacthookvuesetup父组件子组件reacthookforwardRef(render)useImperativeHandle
miao_zz·2024-01-19 07:29

#vue3 实现前端下载excel文件模板功能

一、需求：前端无需通过后端接口，即可实现模板下载功能。通过构造一个JSON对象，使用前端常用的第三方库xlsx，可以直接将该JSON对象转换成Excel文件，让用户下载模板二、效果：三、源码如下：npminstallxlsx下载模板import*asXLSXfrom'xlsx';constwriteFileAsync=(workbook,filename,options)=>{returnnewP
Miraitowa_chole·2024-01-19 06:30

Vue3封装可拖拽的弹窗

核心代码（复制就可以使用了）{{title}}Ximport{computed,ref}from'vue';const{width,height,title}=defineProps({width:{type:String,default:'623px',},height:{type:String,default:'379px',},title:{type:String,default:'',},
七月_Mo·2024-01-19 06:25

vue3.0 使用inject(“reload“)刷新页面

（1）在app.vueimport{defineComponent,ref,nextTick,provide}from'vue';exportdefaultdefineComponent({setup(){//局部组件刷新constisRouterAlive=ref(true);constreload=()=>{isRouterAlive.value=false;nextTick(()=>{isR
墨尔本斌·2024-01-19 04:12

在文件上传组件中token变更之后，组件内部token没变化，怎么处理？

当在文件上传组件中遇到token变更，但组件内部的token没有变化的情况，你可以采取以下几种方法来解决这个问题：使用Vuex管理token：如果你的项目使用Vue.js，并且有Vuex状态管理，你可以在
black方块cxy·2024-01-19 04:42

vue3 —— script setup 语法糖

是vue3的新语法糖，并不是新增的功能模块，只是简化了以往的组合式API必须返回(return)的写法，并且有更好的运行时性能。
玛卡巴卡吐口水·2024-01-19 03:49

若依框架学习

1、若依框架前后端分离版服务器部署，前端nginx的配置2、RuoYi(若依)前后端分离版本，windows下部署（nginx）3、若依：IDEA下（若依前后端分离版Vue3）添加新模块4、若依Nginx
chxljtt·2024-01-19 03:30

vscode创建代码片段 vue3modal

{//Placeyour全局snippetshere.Eachsnippetisdefinedunderasnippetnameandhasascope,prefix,bodyand//description.Addcommaseparatedidsofthelanguageswherethesnippetisapplicableinthescopefield.Ifscope//isleftemp
Jay_帅小伙·2024-01-19 02:55

学习Redux：React状态管理的简明指南

学习Redux：React状态管理的简明指南一、Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用
csdn小瓯·2024-01-19 01:32

Flink基础系列26-Flink状态管理

）状态后端（StateBackends）image.png由一个任务维护，并且用来计算某个结果的所有数据，都属于这个任务的状态可以认为任务状态就是一个本地变量，可以被任务的业务逻辑访问Flink会进行状态管理
只是甲·2024-01-19 01:56

NodeJS安装

前言：因为java行业不景气，人才严重过剩，像我我这样的人，只能选择往广度走走，开始学Vue3.Vue3现在默认要NodeJs版本16及以上，所以我这里安装了18.18.0的，目前逛网最新稳定版本是20
Puddy_Q·2024-01-19 01:43

vue3 知识

vue3介绍Vue3的变化:1、vue3完全兼容vue2，但是vue3不建议用vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式
糖果爱上我·2024-01-19 00:59

Vue3前端h5移动端页面预览PDF使用pdfjs-dist，添加自定义文本水印

pdfjs-dist版本[email protected]{ref,onMounted,watch}from'vue'import{useRoute}from"vue-router";import*aspdfjsLibfrom'pdfjs-dist'constroute=useRoute()//！pdfjsLib.GlobalWorkerOptions.workerSrc=
Amodoro·2024-01-19 00:50

Vue3/Vue2实现文章内容中多个“关键词“标记高亮显示

一、实现效果下拉列表高亮展示关键词二、实现思路安装“vue-word-highlighter”，这是一个支持Vue3和Vue2，不过Vue2版本是通过vue-demi构建的三、案例代码package.json"vue-word-highlighter
在路上`·2024-01-18 23:37

electron+vite+vue3 快速入门教程

文章目录前言一、electron是什么？二、electron进程模型1.主进程2.渲染进程3.预加载脚本4.进程通信4.1send+on（单向）4.2invoke+handle(双向)4.3主进程向渲染进程发送事件三、窗口创建与应用事件四、技术栈和构建工具五、electron-vite安装1.环境要求2.安装3.快速安装4、目录结构5、公共资源和引用主进程引用公共资源6、vue-router、pi
pixle0·2024-01-18 22:33

Vue3动态组件component的基本使用以及注意事项

官方定义首先看一下官方的定义这是一个类似于组件的“元组件”，渲染的内容由is接收到的参数进行决定的。通过字符串渲染HTML元素HTML的h1标签和内容我们可以看到通过传递一个HTML标签名称的字符串给is属性会渲染成传入的HTML标签，内容为component标签包裹的内容。通过字符串渲染组件importFoofrom'./Foo.vue'importBarfrom'./Bar.vue'expor
躺平阿福·2024-01-18 22:51

Web3 Vue3连接MetaMask(小狐狸)钱包Request of type ‘wallet_requestPermissions‘ already pending for origin过程记录

下载web3依赖yarnaddweb3连接申请window.ethereum.request({method:'eth_requestAccounts'}).then((res:any)=>{console.log(res,'这就是小狐狸地址')}).catch((err:any)=>{console.log('44',err)if(err.code===-32002){//用户在申请连接时既没有
躺平阿福·2024-01-18 22:51

前端架构和业务场景面试题（本人真实面试题）

全局状态管理：使用全局状态管理工具（例如Vuex、Redux）来存储组件的状态。当一个地区的组件状态发生变化时，通过全局状态管理工具触发状态的更新，从而影响所有使用该状态的组件。
SuperYiY·2024-01-18 20:26

vue3前端开发,生命周期函数的基础练习

vue3前端开发,生命周期函数的基础练习！下面先给大家看一个图片，帮助大家了解，vue3的生命周期函数，和旧版本vue2的生命周期函数，有什么变化。
yrldjsbk·2024-01-18 20:37

vuex前端开发,看完这篇文章透彻明白vuex几大属性

声明：以下代码风格，是按照vue3的组合式api开展的。请大家知悉。import{useStore}from'vuex'import{computed}from'vue'/***混合学习钱情提
yrldjsbk·2024-01-18 20:36

Vue3前端开发,watch侦听器的深度监听和精确监听

Vue3前端开发,watch侦听器的深度监听和精确监听！今天和大家分享的内容是，关于watch的深度侦听和精确监听。首先看一下，第一个案例，练习的是，深度监听的效果。
yrldjsbk·2024-01-18 20:36

vue3.0的学习

一.创建vue3.0工程1.使用vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g
未成年梦想·2024-01-18 20:05

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

正文开始前言问题分析解决总结前言系列文章：vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。
中二少年学编程·2024-01-18 20:03

vue3前端开发，自学一下reactive,ref的差异是什么。

vue3前端开发，自学，学习一下，reactive和ref的差别。以及基础用法。前言，这2个东西，都能对外输出动态的数据对象。
yrldjsbk·2024-01-18 20:33

Vue3实现PDF文件预览 （低版本浏览器兼容）

方案：Vue3+pdfjs-dist+canvas1.pdfjs-dist展示PDF文件的原理解释pdfjs-dist
码农键盘上的梦·2024-01-18 20:53

15分钟学会Pinia

Pinia是一个状态管理工具，它和Vuex一样为Vue应用程序提供共享状态管理能力。语法和Vue3一样，它实现状态管理有两种语法：选项式API与组合式API，我们学习组合式API语法。
聪明的竹子·2024-01-18 20:49

Vue3在点击菜单切换路由时，将ElementPlus UI库中el-main组件的内容滚动恢复到顶部

功能：Vue3在点击菜单切换路由时，将页面el-main的内容滚动到顶部，布局如下，使用UI组件库为ElementPlus在网上搜很多都是在route.js中的router.beforeEach中使用window.scrollTop
码农键盘上的梦·2024-01-18 20:17

vue3 vue-router 钩子函数

全局路由守卫（vue-router4.0中将next取消了，可写可不写，returnfalse取消导航，undefined或者是returntrue验证导航通过）router.beforeEach((to,from)=>{}),next是可选参数，可写可不写，returnfalse是取消导航，如果返回值为true或者是undefined意味着通过验证(路由跳转之前拦截)router.afterEa
wyyyyy11·2024-01-18 19:43

【vue3 vue-router 钩子函数】

vue3vue-router钩子函数全局路由守卫（vue-router4.0中将next取消了，可写可不写，returnfalse取消导航，undefined或者是returntrue验证导航通过）router.beforeEach
秃头的小靓仔·2024-01-18 19:09

vue3 系列：Vue3 官方文档速通

前言：参考Vue官方文档，本文档主要学习组合式API。一开始1.简介1.1什么是Vue？一款JS框架，并有两个核心功能：声明式渲染、响应性。1.2渐进式框架根据不同的需求场景，使用不同方式的Vue，比如：无需构建步骤，直接引入vuejs。在任何页面中作为WebComponents嵌入使用构建步骤，单页应用(SPA)全栈/服务端渲染(SSR)Jamstack/静态站点生成(SSG)开发桌面端、移动端
yqcoder·2024-01-18 18:20

[vue3快速入门] 6.使用vue cli创建项目

之前的教程里，我们都是使用script标签引入vue，然后我们的代码也写在script标签里面，但是在我们的正常工作中是不会用这种方式开发的，所以现在我们来学习正式工具的使用，vuecli，它是一个vue命令行工具，集成了我们日常工作中常用的功能。下面请小伙伴们系好安全带，我们的车速要加快了。不过还没有安装node的小伙伴先请下车，点击链接去安装node。。。https://nodejs.org/
林哥学前端·2024-01-18 18:33

vue3+vite+ts+pinia 后台管理项目总结

前言近期准备面试中，觉得项目经验这里还需要再次总结，也参考了很多jym的文章，在这里如果发现有引用且介意，请联系我VUE3+VITE+TS项目中的要点使用vue3+vite+ts构建项目基础框架，配置代码运行环境
子伟-H5·2024-01-18 17:15

vue3 实现简单计数器示例——一个html文件展示vue3的效果

目的：作为一个新手开发，我想使用Vue3将代码封装在HTML文件中时，进行界面打开展示。
☆七年·2024-01-18 17:26

Vue3 el-table 如何动态合并单元格

import{ref,toRefs,reactive,nextTick,computed,watch,onMounted}from"vue";consttableData=[//一年级{area:"华北",province:"北京",month_1:"100",month_2:"张三",month_3:"90"},{area:"华北",province:"北京",month_1:"200",mon
Mr_TianSDQ·2024-01-18 17:40

Vue3 动态设置 ref

el-tabs中如果用v-for动态增加tab，每个tab中如果需要控制自己控件的增删改查，就需要设置动态ref.1.先定义一个空字典：constinputRefMap=ref({});2.然后定义一个方法将变量增加到字典中：consthandleSetInputMap=(el:refItem,item:number)=>{ if(el){  inputRefMap.value[`Input_Re
Mr_TianSDQ·2024-01-18 17:38

Vue3 + vue-web-screen-shot 前端实现页面截图64编码转图片文件上传

最近项目遇到的要求是弹出框上传文件，需要用到页面截图，由于使用的是Vue3的框架于是选择用vue-web-screen-shot组件进行操作。
PinkM∞n7·2024-01-18 16:54

vue的html2canvas使用解读，完美避免可能会造成的问题

html2canvas插件我相信很多人都用过，在使用的时候有很多坑，文章最后我会附上完整的vue3版本的代码（其实跟vue2代码差别很小，改一改就能拿去用）关于vue把页面转换成图片导出（html2canvas
JianZhen✓·2024-01-18 16:19

前端——框架——Vue

提示：本文只是从宏观角度简要地梳理一遍vue3，不至于说学得乱七八糟、一头雾水、不知南北，如果要上手写代码、撸细节，可以根据文中的关键词去查找资料简问简答：vue.js是指vue3还是vue2？
戏拈秃笔·2024-01-18 16:54

通过实现最简reactive，学习Vue3响应式核心

首先我们需要明白，Vue3与Vue2中响应式核心的不同，最最明显的区别就是：在v2中响应式处理采用Obj
S_G.·2024-01-18 15:10

vue3 reactive定义的变量，快速赋值对象里所有属性，且不丢调响应式

Object.assign(ruleForm,result)letruleForm=reactive({applicantName:'',applicantCorporation:'',applicantCorporationNumber:'',applicantCreditCode:'',applicantBusinessLicense:'',cashPoolId:'',totalAmount:
吴冬雪~·2024-01-18 15:38

vue3学习——Reactive全家桶

reactive返回对象的响应式副本，响应式转换是“深层”的——它影响所有嵌套property。ref一般用来绑定简单数据类型，reactive源码中限制了绑定的数据类型，只能绑定复杂数据类型（Object，Array)，否则会报错引入import{reactive}from"vue"定义变量数组：letarr=reactive([])//或者typeO=Number[]letarr=reacti
如蕤_421·2024-01-18 15:38

Vue3 — setup、reactive与ref细节

setup细节setup执行的时机在beforeCreate之前执行(一次),此时组件对象还没有创建this是undefined,不能通过this来访问data/computed/methods/props其实所有的compositionAPI相关回调函数中也都不可以父组件-----{{msg}}更新数据import{defineComponent,ref}from"vue";importChil
balance~~·2024-01-18 15:07

初入vue3之---＞关于vue3的数据绑定（主要是对象和数组）

vue3因为运用的是proxy，所以提供了ref和reactive用于数据绑定，ref其实就是对reactive的二次封装，原因是reactive必须传入的是一个对象，对于一些只需要单个数据响应的就比较麻烦
尼给路达哟·2024-01-18 15:37

Vue3 关于 reactive 函数嵌套 computed / inject / props 的情况

前言本文假设你已对reactive/inject相关函数有了解并使用过。正文下面是笔者对reactive传递各种数据类型所整理的情况reactive->computed包含inject的情况constinfo=reactive(computed(()=>inject('info')))reactive->computed包含vuex的情况constinfo=reactive(computed(()
cookcyq·2024-01-18 15:06

一起学Vue3源码，实现最简Vue3【08】 - 实现 reactive 和 readonly 嵌套对象转换功能

实现reactive和readonly嵌套对象转换功能reactive、readonly代理的对象中还存在对象子结构，也要相应转换成proxy还是老样子，TDD。reactive.spec.tsimport{isProxy,isReactive,reactive}from"../src/reactive";describe("reactive",()=>{...it("nestedreactive
Aybuai·2024-01-18 15:05

【Vue3源码】第五章 实现 reactive 和 readonly 嵌套对象绑定响应式

【Vue3源码】第五章实现reactive和readonly嵌套对象绑定响应式前言上一章节我们实现了isReadonly和isReactive两个API。
顽皮宝·2024-01-18 15:34

Vue-cli3 + Cesium1.63版本以上 开发环境配置

1.Vue3创建项目vuecreatetdmap2.npm引入Cesium包cnpminstallcesium--save3.新增配置文件constCopyWebpackPlugin=require('
心淡然如水·2024-01-18 15:27

vue3有了解过吗？能说说跟vue2的区别吗？

一、Vue3介绍关于vue3的重构背景，尤大是这样说的：「Vue新版本的理念成型于2018年末，当时Vue2的代码库已经有两岁半了。
蓝斑.json (前端)·2024-01-18 14:51
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他