Vue3状态管理

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

官网下载目录结构：DCloud/uni-preset-vue-码云-开源中国(gitee.com)下载zip压缩包即可目录一.依赖下载二.运行三.vite.config.json文件修改四.uView-plus组件库加载1.安装依赖2.main.ts引入3.uni.scss中引入4.App.vue中首行的位置引入5.pages.json配置6.修改7.测试样式五.pinia引入到项目1.下载依赖（
程序猿online·2024-01-09 19:15

vue3+TS 项目引入element plus 组件库，图标库 使用

elementPlus组件库：Button按钮|ElementPlus(gitee.io)具体详细可以见官方文档：快速开始|ElementPlus(gitee.io)下面是我实操目录一.element-plus安装1.安装依赖2.引入2.1.完整引入，2.2.按需引入-自动导入，2.3.按需引入-手动导入，二.element-plus图标库安装1.下载安装依赖2.注册所有图标一.element-p
程序猿online·2024-01-09 19:45

【vue3中状态管理工具pinia的使用】pinia状态一（state）

1、安装yarnaddpinia//或者//npminstallpinia2、在main.js中引入store//引入piniaimport{createPinia}from'pinia'constpinia=createPinia()//使用piniaapp.use(pinia)3、创建一个Store在项目根目录的src文件夹——创建store文件夹——创建index.js文件index.js中
吾乃冠军·2024-01-09 19:14

【vue3中状态管理工具pinia的使用】pinia状态二（getters）

index.js//有三个状态：state、getters和actions并且可以安全地假设这些概念等同于组件中的“数据”、“计算”和“方法”。import{defineStore}from'pinia';exportconstuseStore=defineStore('main',{//定义statestate:()=>{return{name:'张三',age:18,address:"北京"}
吾乃冠军·2024-01-09 19:14

vue3 +TS 安装使用router路由模块

一.安装1.下载安装依赖npminstallvue-router@nextnpminstall@types/vue-router2.router目录创建在src目录下创建/src/router文件夹包含两个文件route.tsimport{RouteRecordRaw}from'vue-router'constroutes:Array=[{path:'/',name:'index',compone
程序猿online·2024-01-09 19:12

【vue3中状态管理工具pinia的使用】pinia状态三（actions）

csdn关于pinia学习文章index.js有三个状态：state、getters和actions并且可以安全地假设这些概念等同于组件中的“数据”、“计算”和“方法”。import{defineStore}from'pinia';exportconstuseStore=defineStore('main',{//定义statestate:()=>{return{goodsList:[{id:1,
吾乃冠军·2024-01-09 19:41

Vue3项目实战开发

@TOC##Vue3项目实战开发一、技术栈说明技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。
无处安放的波澜·2024-01-09 19:22

java基于VUE3+SSM框架的在线宠物商城+vue论文

摘要信息数据从传统到当代，是一直在变革当中，突如其来的互联网让传统的信息管理看到了革命性的曙光，因为传统信息管理从时效性，还是安全性，还是可操作性等各个方面来讲，遇到了互联网时代才发现能补上自古以来的短板，有效的提升管理的效率和业务水平。传统的管理模式，时间越久管理的内容越多，也需要更多的人来对数据进行整理，并且数据的汇总查询方面效率也是极其的低下，并且数据安全方面永远不会保证安全性能。结合数据内
QQ1928499906·2024-01-09 19:13

Taro +vue3 中 实现 选择城市页面 主要逻辑市 选择了某个城市返回之前的页面

1.需求当我选中了某个城市这个页面肯定从某个页面跳转过来的此时我先选择了城市再跳转回去所以有一个问题就是如何写这个逻辑2.实现//当前城市页面onMounted(()=>{constinstance:any=Taro.getCurrentInstance();if(instance.router.params.url){sourceUrl.value=decodeURIComponent(inst
一只小阿乐·2024-01-09 18:11

Taro+vue3 实现电影切换列表

1.需求我们在做类似于猫眼电影的小程序或者H5的时候我们会做到那种左右滑动的电影列表，这种列表一般带有电影场次2.效果3.说明这种效果在淘票票猫眼电影上都有的，一般电影类型的H5或者小程序这个是都有的第一是好看第二是客观性比较好4.代码、1.整体页面{{chooseMovice.movieName}}{{chooseMovice.movieType}}{{chooseMovice.duration
一只小阿乐·2024-01-09 18:11

在React里面使用mobx状态管理详细步骤

1、安装MobX和MobXReact：在你的项目目录下运行以下命令安装MobX和MobXReact：npminstallmobxmobx-react2、创建MobXStore：创建一个用于管理状态的MobXStore。这个Store应该包含你希望全局管理的状态和相关的操作。以下是一个简单的示例：//store.jsimport{makeAutoObservable}from'mobx';class
T3165919332·2024-01-09 18:20

Vue3 面试题

Vue3面试题1.Vue3中的CompositionAPI是什么？与OptionsAPI相比有什么优势？答案：CompositionAPI是Vue3引入的一种新的API风格，用于组织和重用组件逻辑。
qq_42431718·2024-01-09 16:01

springboot + element-plus实现文件上传

springboot+element-plus实现文件上传环境效果后端前端环境jdk17+vue3效果后端后端上传图片后返回图片的url前端得到结果后在页面展示packagecom.example.demo.controller
yijianace·2024-01-09 15:38

HarmonyOS应用开发之ArkTS语言学习记录

同时，提供了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。
原来是好奇心·2024-01-09 14:36

HarmonyOS状态管理概述

状态管理概述在前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。
阿玮编程_·2024-01-09 14:35

React使用Valtio的hook实现响应式状态管理

Valtio是一个轻量级的库，可以在前端应用程序中管理状态。它的使用方式非常简单直观，让我们能够轻松跟踪和更新应用程序的状态，并且无需手动处理组件重新渲染的逻辑。假设我们正在构建一个社交媒体应用，我们想要追踪用户的信息、主题设置以及未读通知的数量。首先，我们需要创建一个状态对象，我们可以称之为appState，并使用Valtio的proxy函数来将其转换为可变对象。这样，我们就可以直接修改状态字段
kuilaurence·2024-01-09 14:04

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云，项目地址：https://gitee.com/breezefaith
偏安zzcoder·2024-01-09 14:01

vue3 内置组件

文章目录前言一、过渡效果相关的组件1、Transition2、TransitionGroup二、状态缓存组件（KeepAlive）三、传送组件（Teleport）四、异步依赖处理组件（Suspense）前言在vue3
枫ゞ·2024-01-09 14:57

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

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

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -创建图文投票实现

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

如何实现服务器主动向客户端推送实时数据

本文将介绍如何使用Server-SentEvents，在后端使用SpringBoot实现，在前端使用Vue3实现，并提供一个完整的示例。
sg_knight·2024-01-09 11:04

VUE3相比VUE2升级了哪些内容

目录一、Vue3、Vue2对比及提升项二、Vue3创建app.vue示例三、Vue3的setup、Vue2的data对比一、Vue3、Vue2对比及提升项性能提升：Vue3做了大量的优化工作，提升了运行时的性能
Crhy、Y·2024-01-09 11:19

vue3 如何采用 App.vue定义全局变量与方法，并实现局部vue页面刷新

需求描述：两个VUE页面，A为主页面，B为子页面。现需求为，在A页面点击li数据后，B页面内容自动改变。目录一、分析二、代码示例一、分析网上解决方案一般使用provide和inject来定义全局变量和方法，并在局部页面中刷新。但多次尝试后并不适合，以下是prop父子传值以及全局方法配合实现；二、代码示例主页面（A.vue）{{item.name}}exportdefault{data(){retu
Crhy、Y·2024-01-09 11:49

【Vue3】2-3 : 选项式API的编程风格与优势

本书目录：点击进入一、选项式API-三大优势▶只有一个参数，不会出现参数顺序的问题，随意调整配置的位置传入的是一个对象，没有参数顺序问题对比反面教材：▶非常清晰，语法化特别强▶非常适合添加默认值的一、选项式API-三大优势只有一个参数，不会出现参数顺序的问题，随意调整配置的位置非常清晰，语法化特别强非常适合添加默认值的▶只有一个参数，不会出现参数顺序的问题，随意调整配置的位置传入的是一个对象，没有
ladymorgana·2024-01-09 11:48

【Vue3】2-4 : 声明式渲染及响应式数据实现原理

本书目录：点击进入一、声明式渲染1.1什么是JS表达式：能够进行赋值的操作▶正确▶错误示例二、示例：2秒后，页面中message由helloworld变成hivue▶效果三、原理：利用ES6的Proxy对象对底层进行了监控一、声明式渲染{{js表达式}}简洁的模板语法来声明式地将数据渲染进DOM1.1什么是JS表达式：能够进行赋值的操作▶正确{{'hi'}}{{[1,2,3]}}{{functio
ladymorgana·2024-01-09 11:48

【Vue3】2-6 : 计算属性与侦听器区别与原理（一）

本书目录：点击进入一、计算属性-computed:{}1.1目的1.2写法代码二、特征2.1调用时当属性调用2.2缓存2.3默认只读2.4可赋值：需要定义成对象，并写get，set方法（类似于java）三、原理一、计算属性-computed:{}1.1目的简化模板语法中的逻辑编写使视图更加清晰，并具备语义化1.2写法代码{{message.split('').reverse().join('')}
ladymorgana·2024-01-09 11:43

HarmonyOS应用开发学习笔记 应用上下文Context 获取文件夹路径

应用开发学习笔记ets组件生命周期4、HarmonyOS应用开发学习笔记ets组件样式定义@Styles装饰器：定义组件重用样式@Extend装饰器：定义扩展组件样式5、HarmonyOS应用开发学习笔记state状态管理概述
木子102·2024-01-09 11:01

HarmonyOS应用开发学习笔记 UIAbility组件与UI的数据同步 EventHub、globalThis

应用开发学习笔记ets组件生命周期4、HarmonyOS应用开发学习笔记ets组件样式定义@Styles装饰器：定义组件重用样式@Extend装饰器：定义扩展组件样式5、HarmonyOS应用开发学习笔记state状态管理概述
木子102·2024-01-09 11:55

Vue3之插槽

前言之前的文章里介绍了vue3中父传子props方法可以传递js中任意类型的数据。
heiyay·2024-01-09 11:22

Vue3.js组件通信，兄弟组件，父子、祖孙组件

在Vue.js3中，组件通信主要包括父子组件通信、兄弟组件通信以及祖孙组件通信。以下是各种情况下的常见通信方式：1.父子组件通信：1.1Props传递数据：父组件通过props向子组件传递数据：importChildfrom'./Child.vue';exportdefault{data(){return{parentMessage:'HellofromParent!'};},components
heiyay·2024-01-09 11:22

vue3 封装一个按钮组件（可自定义按钮样式）

效果图鼠标悬浮有对应的文字提示，且图标出现背景色和颜色实现目前提供五个固定样式的图标及三个用户自定义的图标，可根据需要补充组件代码import{onMounted,PropType,reactive,ref,watch}from'vue'importTooltipfrom'@/components/Tooltip/src/Tooltip.vue'import{useI18n}from'vue-i1
～Serendipity～·2024-01-09 11:20

vue3 封裝一个常用固定按钮组件（添加、上传、下载、删除）

效果图这个组件只有四个按钮，添加，上传、下载、删除，其中删除按钮的颜色默认是灰色，当表格有数据选中时再变成红色实现组件代码import{Icon}from'@/components/Icon/index'import{useI18n}from'@/hooks/web/useI18n'const{t}=useI18n()defineProps({addBtnShow:{type:Boolean,de
～Serendipity～·2024-01-09 11:50

vue 3.0 所采用的 Composition Api 和 vue 2.0 使用的 Option Api 区别

Vue3.0引入了CompositionAPI，这是对Vue2.0中使用的OptionsAPI的一个补充。
无妄的罪·2024-01-09 11:46

vue3 封装一个Tooltip 文字提示组件

效果图默认展示icon图标，悬浮展示文字如果slot有内容则展示对应内容实现用的是El-Tooltip组件Element-Theworld'smostpopularVueUIframework组件代码import{Icon}from'@/components/Icon'import{ElTooltip}from'element-plus'import{PropType}from'vue'typeP
～Serendipity～·2024-01-09 11:16

Vue3 依赖注入Provide / Inject

Provide/Injectprovide可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以使用inject来接收provide提供的数据或方法,如果传递普通的值是不具有响应式的需要通过refreactive添加响应式使用场景：当父组件有很多数据需要分发给其子代组件的时候，就可以使用provide和inject父组件爷级：importAfrom'./compon
是小张呀！·2024-01-09 09:36

vue3 依赖注入Provide / Inject

Provide/Inject：在我学习依赖注入之前，一般父组件传给孙组件一般是通过prop一层一层的传递，这样的嵌套就会相对繁琐，Provide/Inject：就很好的解决了这一问题。先看效果：这里我定义了三个组件，index.vue作为爷爷级别的组件，Aview作为儿子级别的组件，Bview作为孙子级别的组件。在index.vue定义颜色，用provide抛出去，在子组件和孙组件中用Inject
五分钱嘀Love·2024-01-09 09:05

Vue3-44-Pinia- 安装步骤

介绍本文介绍在vue3中安装Pinia的步骤安装步骤1、npm安装npminstallpinia》安装完成后可以看到package.json中添加了pinia的依赖信息2、main.ts中配置//引入vue
NorthCastle·2024-01-09 09:27

Vue3-42-组件-给组件指定名称 + defineOptions 函数的简单使用

下面就是本文要介绍的解决方案：解决方案一在vue3中，提供了一个defineOprions方法，此方法可以帮助我们配置组件的选项式属
NorthCastle·2024-01-09 09:57

Vue3-43-组件- 组件状态保持 KeepAlive 的简单使用

作用说明一个应用场景：当我们在进行路由跳转的时候，会用到来作为组件渲染的出口，此时，组件的状态是不会被保持的。比如：当前在【组件A】中有一个响应式状态num的值通过自加的方式从初始值0变成了100；然后跳转到【组件B】，再次跳转回到【组件A】的时候，num的值会恢复为初始值0。如何实现回到【组件A】的时候，仍然保持num的数据状态为100呢？这就是本文要介绍的KeepAlive组件的作用。它就是用
NorthCastle·2024-01-09 09:20

使用vscode开发小程序项目

使用vscode开发uni-app这里的创建使用用vue3+ts版本，如过是vue2，具体可参考官网命令uni-app官网首先创建uni-app`npxdegitdcloudio/uni-preset-vue
小夏同学呀·2024-01-09 09:34

HarmonyOS应用开发学习笔记 UIAbility组件间交互 UIAbility启动，页面跳转结果回调

应用开发学习笔记ets组件生命周期4、HarmonyOS应用开发学习笔记ets组件样式定义@Styles装饰器：定义组件重用样式@Extend装饰器：定义扩展组件样式5、HarmonyOS应用开发学习笔记state状态管理概述
木子102·2024-01-09 08:50

解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题

目录前言问题概述解决方案1.创建树形表格2.实现全选功能3.实现多选功能4.实现子节点勾选5.实现父节点勾选总结前言作者简介：懒大王敲代码，计算机专业应届生今天给大家聊聊解决Vue3+ElementPlus
懒大王敲代码·2024-01-09 08:43

毕业设计：Vue3+FastApi+Python+Neo4j实现主题知识图谱网页应用——前言

一、项目介绍资源链接：https://download.csdn.net/download/m0_46573428/87796553前言：毕业设计：Vue3+FastApi+Python+Neo4j实现主题知识图谱网页应用
人工智能技术小白修炼手册·2024-01-09 08:34

Js使用ffmpeg在视频中合成音频背景音乐

注意:以下所有的使用案例均基于vue3setup。同时由于@ffmpeg版本不同会导致使用的api不同，使用案例前需要注意@ffmpeg版本问题。
Raccom·2024-01-09 08:41

vue3 img图片怎么渲染

在Vue3中加载图片（img）src地址时，出现无法加载问题。
SailingCoder·2024-01-09 07:53

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -用户信息修改实现

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

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -个人中心页面搭建实现

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

ant design vue3.2.9 Table可拖拽行

antdesignvue3.2.9Table可拖拽行向上向下exportdefaultdefineComponent({setup(props,context){consthpo=reactive({columns
码到头秃还不会·2024-01-09 07:49

Vue2和Vue3的区别

1.生命周期vue2(左）和vue3（右）创建前：BeforeCreate-----data和methods中的数据都没有初始化创建后：Created-----实例创建完成（vue3将BeforeCreate
胆小小鬼·2024-01-09 07:15

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建页面实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:44
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他