Vue3状态管理

vue组件间通信

vue3已不支持children获取子组件，从而获取子组件的属性和方法。vue3已不支持chil
程序员-小许·2024-01-22 12:08

微前端-无界wujie

主项目安装无界vue2项目：npmiwujie-vue2-Svue3项目：npmiwujie-vue3-S主项目main.js中引入无界importWujiefrom'wujie-vue2'const
前端大颖颖·2024-01-22 12:52

vite 创建项目流程 + vue3学习

1.创建vite项目cmd打开终端npminitvite输入项目名选择vue框架选择使用js2.打开项目文件配置路由npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容：import{createRouter,createWebHashHistory}from"vue-router";constroutes=[{path:"/",redir
weixin_heye·2024-01-22 12:50

Vue 实例创建流程

在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-22 12:17

#2Vite+Vue3+SpringMVC前后端分离 解决跨域问题和session每次请求不一致问题

目录一、尝试通过配置请求头和响应头解决（跨域解决了，但session每次请求都不一致）1、axios配置2、后端过滤器配置3、问题复现4、尝试解决（失败）5、小结二、Vite配置Proxy代理解决跨域问题（本地环境）1、axios配置2、vite.config3、后端4、测试三、Nginx反向代理解决跨域问题（测试、生产环境）1、只需在nginx配置如下2、测试四、总结跨域常用解决方案包括：一、尝
wbzybfa·2024-01-22 11:16

#8Jenkins(Windows)管理Vite+Vue3工程

目录1、安装nodejs2、配置nodejs3、工程配置（非流水线模式）1、安装nodejs如果版本不兼容的，找到历史版本中与Jenkins版本相匹配的下载然后使用高级中的DeployPlugin安装即可NodeJS2、配置nodejsGlobalToolConfiguration下进行如下配置安装目录为当前Windows下已安装的nodejs的目录3、工程配置（非流水线模式）此处的配置跳过了检出
wbzybfa·2024-01-22 11:13

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

一、Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用Redux？
秋の本名·2024-01-22 11:37

React 页面缓存 keep-Alive

官方推荐使用状态管理器来缓存页面。搭建好状态管理器（这里用zustand）；//index.tsximportpageKeepAlivefrom'.
肉松圆圆·2024-01-22 11:00

前端上传图片至OSS

环境：VUE3+NODEJS16一、第一步肯定是引入依赖在package.json文件中的dependencies加上"ali-oss":"^6.17.1"如下代码所示：//加入后的整体展示"dependencies
曾小白不想写SQL·2024-01-22 11:00

vue3中Fragment特性的一个bug，需要留意的注意事项

vue3中的Fragment模版碎片特性是什么，简单的理解就是template模板代码不在像vue2中那样必须在根节点在包裹一层节点了。
天渺工作室·2024-01-22 10:20

Vue 组件通信方式

在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-22 09:52

Vue diff原理

在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-22 09:59

看vue3源码可以学到什么 : 二、Git Log规范

前言上篇中主要介绍了Vue3中Readme的相关内容。看完Readme文档,对Vue3的功能及特性有了解后可以开始准备有的放矢的深入源码了。
gamedilong·2024-01-22 08:55

基于YOLOv5、v7、v8的竹签计数系统的设计与实现

系统设计与实现三、模型评估与优化①Yolov5②Yolov7③Yolov8四、模型对比前言该系统是一个综合型的应用，基于PyTorch框架的YOLOv5、YOLOv7和YOLOv8，结合了Django后端和Vue3
心无旁骛~·2024-01-22 08:07

Vue 生命周期

在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-22 07:27

VUE3+elementPlus之 子组件直接修改父组件的值（父子组件props双向绑定）

直接上代码：子组件：//组合式apiconstprops=defineProps({modelValue:{type:[Number],default:undefined,},});interfaceTree{id:number;name:string;children?:Tree[];}/**部门树节点Click*/constemits=defineEmits(["node-click"]);/
赫兹/Herzz·2024-01-22 06:22

说说对React中类组件和函数组件的理解？有什么区别？

回答思路：类组件-->函数组件-->区别类组件函数组件区别编写形式不同：状态管理不同：生命周期不同：调用方式的不同：获取渲染的值的方式不同小结：回答思路：类组件–>函数组件–>区别类组件通过ES6类的编写形式去编写组件
王 歪歪·2024-01-22 04:59

vue3-模版引用ref

1.介绍概念：通过ref标识获取真实的dom对象或者组件实例对象2.基本使用实现步骤：调用ref函数生成一个ref对象通过ref标识绑定ref对象到标签代码如下：父组件：import{onMounted,ref}from'vue'importSonComfrom'@/components/Son-com.vue'//获取元素consttitleRef=ref(null)//修改元素内容constu
盖盖衍上·2024-01-22 03:17

vue3中vite.config.js文件常用配置

文章目录配置root：base：publicDir：plugins：optimizeDeps：server：build：resolve：配置vite.config.js文件是Vite项目的配置文件，通过该文件你可以对Vite进行一些配置，包括插件配置、构建配置、开发服务器配置等。以下是一些常用的。以下是一些常用的vite.config.js配置选项：root：该选项指定项目的根目录。默认情况下，V
我胡为喜呀·2024-01-22 03:16

Module ‘“xx.vue“‘ has no default export.Vetur(1192)

使用Vue3测试时有如下代码：importHelloWorldfrom'.
phyit·2024-01-22 02:37

vue3 onMounted的坑

onMounted的坑当放在return后面只显示onmounted里面的函数我是Vue3name:{{name}}age:{{age}}{{position.age}}{{position.p}}{{
phyit·2024-01-22 02:37

UI -- Vue3

Vue3模板Vue3UIpackage.json同级components/slButton/element.vue测试321defineOptions({name:"sl-button"});.dddivspan
平凡シンプル·2024-01-22 01:32

instance_spawn_groups

字段介绍此表通过Boss状态管理副本内的刷新组一旦满足任何FLAG_ACTIVATE_SPAWN条件，将激活预设的刷新组，任何FLAG_BLOCK_SPAWN条件将不激活刷新组instance_spawn_groupsinstanceMapId
weixin_51122280·2024-01-22 00:48

vue3组合式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录组合式APIsetuprefreactivecomputedwatch其他组合API注组合式APIvue3的文件中，Vue
许小墨~·2024-01-21 23:38

从vue2到vue3，一文带你看完vue3的新特性

前言这篇文章的主要意义是：针对想要从vue2快速迁移到vue3的朋友，快速理解vue3的新特性。为了让大家更好的理解，我会从设计者的角度来讲为什么vue3要这样设计api。
凯der苦练心态·2024-01-21 23:38

vue3选项式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录vue3选项式API注vue3选项式APIvue3提供了两个语法，一个叫选项式API；另一个叫组合式API。
许小墨~·2024-01-21 23:08

同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》

总结：mixin造成的问题：mixin—全局Vue2与Vue3的区别OptionsAPI的弊端setup函数有哪些参数?
彩色之外·2024-01-21 23:07

关于Vue3组合式API(Composition API)的个人理解

首先，关于组合式API现已有众多大佬发布了相关介绍及相关教程，但是个人在学习过程中还是花了比较多的时间去理解“组合式API”这个概念。因为目前搜索引擎排的比较前面的文章其实约等于是摘抄了一下官方文档，我并没有找到能够快速让新手形成一定认识并直接上手的文章，所以我总结一下自己目前的认识（用于记录方便以后查看，希望能对其他同学有所帮助），本人菜鸟若描述不当，请轻喷！！！！！！组合式API的目的是分离项
[十九]统一老坛·2024-01-21 23:37

看懂vue3项目所需的一些基础知识

CompositionAPI(组合式API)1、setup和ref的基本使用count：{{count}}m1:{{m1}}m2:{{m2}}更新import{ref}from'vue'exportdefault{/*使用vue3
归途。·2024-01-21 23:37

【Vue】 API 风格

目录API风格1选项式API(OptionsAPI)2组合式API(CompositionAPI)3比较3.1vuex状态管理3.2生命周期3.3方法3.4监听3.5组件3.6变量实例3.7e3.8强制更新
小数点儿_·2024-01-21 23:07

拥抱组合式API：vue3的script setup解析看这篇就够

vue3除了CompositionAPI是一个亮点之外，尤大大又给我们带来了一个全新的玩意——scriptsetup，对于setup大家相信都不陌生，而对于scriptsetup有些同学则表示难以理解，
智密科技·2024-01-21 23:36

vue3组合式 API:使用axios调接口方式

使用方式：新建request.js文件。封装axios请求:注入请求拦截器：做请求前处理（参数加密，接口带token等等）。响应拦截器：（响应参数处理）项目安装axiosnpminstallaxios-S代码实现（注意util文件我就不复制了，将就看。。。。实在不懂看我给axios添加加密文章添加链接描述）baseUrl还是懂的吧importaxiosfrom'axios'importutilfr
Life a dream·2024-01-21 23:35

C++——数组、多维数组、简单排序、模板类vector

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

带你看懂Vue3的组合式Api

但是在vue3中这个插件就显得捉襟见肘了，比如vue3的多片段这个插件就会报错。
Mangcun_tutu·2024-01-21 23:05

Vue3+ElementUIPlus颜色选择器，Ruoyi框架动态替换图片

需求为，需要动态的替换头部和底部图片的颜色，通过固定的颜色要实现可以动态的通过颜色，去替换的效果。一、通过将选择的颜色，通过Vuex来进行一个存储，用户后续的使用/**改变主题*/constchangeTheme=()=>{handleTheme('theme-custom',{menuBgColor:customForm.value.menuBgColor,menuColor:customFor
kangkang-·2024-01-21 23:22

ElementUi+Vue+SpringCloud+Forest上传前后端联调

项目场景：实现后台上传图片本次使用vue3加elementUI的upload组件实现功能表单中的参数，需要通过上传来完成，一般有二种情况在上传一.上传后直接调用后端通用上传工具，在文件服务中调回来用Url
kangkang-·2024-01-21 23:21

Vue3+ElementUI 多选框中复选框和名字点击方法效果分离

现在的需求为比如我点击了OptionA，触发点击OptionA的方法，并且复选框不会取消勾选，分离的方法。{{item.modelName}}通过Vue事件处理的方法.prevent来阻止。
kangkang-·2024-01-21 23:50

Vuex概述

vuex是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。
天蓝色的彼岸_9caa·2024-01-21 21:54

【Vue】使用 Vuex 作为状态管理

【Vue】使用Vuex作为状态管理Vuex是一个专为Vue.js应用程序开发的状态管理模式和库。它使用单一状态树，这意味着这个对象包含了全部的应用层级状态，并且以一种相对集中的方式存在。
正宗咸豆花·2024-01-21 21:46

zxz-uni-data-select 插件，uniapp项目vue3，下拉框可搜索，使用问题解决，如何使用，类型声明，自动扫描全局使用，插件文件eslint报错，组件导入。input点击出现蓝色问题

input框点击出现蓝色背景，uniapp项目，这是ios系统手机独有的问题，安卓和window系统没有。要在点击的标签里面加上-webkit-tap-highlight-color-CSDN博客uniapp项目，要实现下拉框可搜索的功能，uniapp官方组件和uview都没有这个功能的组件。我到uniapp的插件市场找了个下载多的插件zxz-uni-data-select这个插件可以实现下拉框搜
深一海·2024-01-21 20:56

zxz-uni-data-select插件，表单回显时，无法显示数据，原因是后端返回的数据是字符串，要把这个字符串转成number类型，就能显示了

zxz-uni-data-select插件，uniapp项目，vue3表单回显时，这个下拉框不能显示数据解决方法用Number()方法把字符串转成numberstring转成number回显就能显示了
深一海·2024-01-21 20:55

vue3+ts项目引入雪花id报错

在更新公司项目的时候发现如下报错：在经过询问之后，了解到要解决这个报错需要如下步骤：（1）在终端控制台中输入：pnpmh(或者是yarn)installsimple-flakeid然后等待其下载安装（2）若还是报错，需要在下面做更改全部更改完之后便可解决该报错
沉醉何欢凉·2024-01-21 19:52

vue3-生命周期

生命周期生命周期vue组件实例都有自己的一个生命周期从创建->初始化数据->编译模版->挂载实例到DOM->数据变更后更新DOM->卸载组件生命周期简单说就是vue实例从创建到销毁的过程生命周期钩子在各个周期运行时，会执行钩子函数，让开发者有机会在特定阶段运行自己的代码。这就是生命周期钩子官方示意图：生命周期钩子函数钩子函数说明beforeCreate在实例初始化之后调用created实例已经创建
王大可996·2024-01-21 19:30

vue3-模版引用

模版引用ref属性场景：需要直接访问底层DOM元素。方法：使用特殊的ref属性。ref属性允许我们在一个特定的DOM元素或子组件实例被挂载后，获得对它的直接引用。访问模板引用小Demo:当input组件挂载后自动获取焦点import { ref, onMounted } from 'vue'// 声明一个 ref 来存放该元素的引用// 必须和模板里的 ref 同名const input = re
王大可996·2024-01-21 19:58

antd + vue3实现tree树增加按钮

页面显示在这里插入图片描述写在前面改代码使用slot，接口返回值必须为title，key，children，不能使用API在这里插入图片描述这个会导致我们按钮的slot冲突完整代码部门名称部门负责人操作{{nodeData.title}}{{nodeData.dataRef.owner}}新增下级修改删除import{message}from"ant-design-vue";import{defi
前端小菜·2024-01-21 19:28

vue3 项目中 arguments 对象获取失败问题

问题在vue3项目中获取到的arguments对象与传入实参不符，打印出函数中的arguments对象显示如下：原因作者仔细回看代码才发现，自己一直用的是vue3的组合式写法，函数都是箭头函数，而箭头函数不存在
Jiang_JY·2024-01-21 18:38

知识笔记（九十二）———vue实现图片上传

在Vue3中进行图片上传可以使用第三方库或者自定义组件来完成。如果想要使用现有的第三方库，比如element-plus、vant等UI库提供的上传组件，需要先安装对应的包并按照文档说明配置相关参数。
瑞崽崽崽·2024-01-21 18:07

vue3-组件通信

1.父传子-defineProps父组件：import{ref}from'vue'importSonComfrom'@/components/Son-com.vue'constmessage=ref('parent')子组件接收：//子组件constprops=defineProps({car:String,message:String})我是子组件{{car}}{{message}}.son{w
盖盖衍上·2024-01-21 18:20

vue3-基本属性更新

1.介绍Vue3的基本属性：组合式API（CompositionAPI）：组合式API是Vue3最核心的特性之一，它允许开发者将逻辑相关的选项组合在一起，提高代码的可维护性和可读性。
盖盖衍上·2024-01-21 18:50

【Vue3.0】- 依赖注入

Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault{inject:['foo']}vue3.0
啦啦啦喽啰·2024-01-21 16:20
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他