vuex

Vue中组件之间的通信方式

可以支持多个数据双向绑定provide/inject为依赖注入provide：可以让我们指定想要提供给后代组件的数据或inject：在任何后代组件中接收想要添加在这个组件上的数据，不管组件嵌套多深都可以直接拿来用VuexmittVue3
人生无常1997·2022-08-25 18:30

关于vue3 vuex4 store的响应式取值问题解决

import{useStore}from'@/vuex';conststore=useStore()constonSubmit=()=>{store.dispatch("incrementAction"
·2022-08-25 13:01

Vue+Vue-Router+Vuex+SSR项目

Vue-Vue-Router-Vuex-SSRVue+Webpack工程流搭建Vue+Vue-Router+Vuex项目架构服务端渲染现在的前端框架是纯客户端渲染的，（请求网站的时候，返回的html是没有什么内容的
掘金-我是哪吒·2022-08-25 10:19

详细讲解vue中祖孙组件间的通信之使用$attrs和$listeners的方式（篇幅略长，建议收藏）

问题描述祖孙组件通信常用方式有以下三种：vuex关于vuex，笔者之前写过一篇文章。
·2022-08-25 10:04

Vue实现登录功能全套详解（含封装axios）

1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex
前端老实人·2022-08-25 08:45

Vue组件通信深入分析

目录一、组件间的通信方式分类二、props传递数据三、$emit触发自定义事件四、ref标记五、EventBus事件总线六、$parent或$root七、vuex八、总结一、组件间的通信方式分类父子组件之间的通信
·2022-08-24 12:20

vuex4实现原理

vuex的实现原理创建demoapp.vue计数器：{{count}}{{$store.state.count}}错误修改double：{{double}}{{$store.getters.double
xiaoshunshi·2022-08-23 22:50

vue2中使用pinia（vuex转pinia）

背景最近项目中，想在vue2中把状态管理库从vuex转到pinia。
codingWeb·2022-08-23 22:45

uniapp 登入功能 vuex使用 通俗易懂

目录功能介绍运行效果未登入状态登入页面进行登入完后代码演示功能结构请求封装详细文章部分api.ts关于用户登入接口storeindex.tsstoreuser.tsmain.jsApp.vuetypelogin.tslogin.vueuser.vue功能介绍vuex
Little___Turtle·2022-08-23 22:45

Vue-vuex

5.Vuex5.1Vuex配置项[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mg4FUypL-1661175990238)(C:\Users\Joker\AppData
青铜世纪·2022-08-23 10:29

一文详解Pinia和Vuex与两个Vue状态管理模式

目录前言安装挂载VuexPinia修改状态vuexPiniaPinia解构(storeToRefs)gettersPiniaVuexmodulesPiniaVuex写在最后前言Pinia和Vuex一样都是是
·2022-08-23 09:01

Vue实现未登录跳转到登录页的示例代码

由于给路由设置了meta:{auth:false}，如果是符合该属性时则不需要跳转登录页4、接下来根据token是否存入到localstorage来进行判断或者cookie是否存入客户端做判断，这里在vuex
·2022-08-22 14:54

VUE详细版

如Core+Vue+router+Vuex解耦视图可复用的组件前端路由技术状态管理虚拟DOM二、VUE基础{{message}}constapp=newVue({el:'#app',data:{message
不怕秃头的程序媛·2022-08-22 12:50

上周热点回顾（8.15-8.21）

热点随笔：·Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强(葡萄城技术团队)·如何开发一款基于vite+vue3的在线表格系统（下）(葡萄城技术团队)·.NET性能优化-快速遍历List集合
博客园团队·2022-08-22 10:00

11 pinia使用

一,pinia与vuex区别二,使用npmipinia在src目录下创建stores文件夹(目前pinia还没有形成统一命名规范,因为pinia可以创建多个store,所以叫stores),在创建index
是云呀！·2022-08-21 18:22

pinia是什么及它的使用

pinia是一个用于vue的状态管理库，类似于vuex,是vue的另一种状态管理工具与vuex相比与Vuex相比，Pinia提供了一个更简单的API，具有更少的规范，提供了Composition-API
crever·2022-08-21 18:51

vue 状态管理 pinia

piniapinia成为正式的vue状态库，pinia就是vuex5同时支持CompositionApi和Optionsapi的语法去掉mutations，只有state、getters和actions
WangL0101·2022-08-21 18:48

带你熟练掌握在vue中使用 pinia 全局状态管理

与vuex的区别去除了mutation选项。
Melody_lw·2022-08-21 18:13

如何关闭页面之前清空LocalStorage

文章の目录一、前言二、问题描述三、解决办法写在最后一、前言在实际的Vue项目中我们为了做持久化，会使用vuex配合localstorage、cookie、等实现数据的持久化，不至于出现刷新页面出现数据丢失
前端小二哥·2022-08-21 18:42

Pinia的使用

Pinia是一个用于Vue的状态管理库，类似Vuex,是Vue的另一种状态管理方案Pinia支持Vue2和Vue3相比vuex去掉了mutations,操作数据更简单灵活方便2.Pinia优势简单易于学习轻量化
迹风i·2022-08-21 18:32

【vue3 Pinia使用与讲解】vue3新一代的Store应用工具

Pinia概要：Pinia一开始是为了探索Vuex的下一次迭代会是什么样子，它融合了Vuex5核心团队讨论中的许多想法。
oumae-kumiko·2022-08-21 18:30

react和vue有什么区别及优缺点？

React更强调数据的不可变（通过setState监听数据变化）；数据流，vue双向，react单向；模板渲染方式，react通过JSX渲染模板，vue是通过拓展HTML语法进行渲染;组件通信方式……Vuex
iteye_5212·2022-08-21 18:00

pinia基础知识

一、定义Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0的项目中使用也是备受推崇。
玲珑相思系红豆·2022-08-21 18:26

Pinia(Vue的另外一种状态管理工具 类似Vuex) 的使用

前言相信在Vue中提到状态管理，大家一定会想到Vuex。的确Vuex确实是比较强大的，但Vuex多少有点重，而且对Typescript的支持也不是那么的友好，同时门槛也比较高，学习成本比较大。
L_羽鹏·2022-08-21 18:54

Vue中的Pinia状态管理工具 | 一篇文章教会你全部使用细节

文章目录Pinia状态管理Pinia和Vuex的对比Pinia基本使用创建Pinia创建StorePinia核心概念Statestate基本使用state其他操作Pinia核心Gettersgetters
林有酒·2022-08-21 18:51

token(数据)的持久化管理，借助插件vuex-persistedstate

token需要做持久化存储方案一：vuex配合localStorage：token数据一式两份存储的原因：vuex基于内存进行存储，速度快，但是刷新就会丢失，localStorage基于磁盘进行存储，存取较慢
·2022-08-21 17:41

第七章：Vue基础---脚手架配置代理、插槽、Vuex

一：Vue脚手架配置代理一：方法一在vue.config.js中添加如下配置：devServer:{proxy:"http://localhost:5000"}说明：1.优点：配置简单，请求资源时直接发给前端（8080）即可。2.缺点：不能配置多个代理，不能灵活的控制请求是否走代理。3.工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器（优先匹配前端资源）二：方法二
NPFik-·2022-08-21 07:27

Vue 学习总结笔记 (十)

文章目录1.Vuex插件1.1什么是Vuex？1.2为什么要用Vuex？
IT_Holmes·2022-08-19 17:56

程序员应该知道的vuex冷门小技巧(超好用)

目录当访问某个数据项嵌套太深了，优化一下访问的方式mapState的使用步骤使用原理如果vuex中的数据与本组件内的数据名相同,怎么办呢?使用全局state那如果是分模块化呢?
·2022-08-19 16:38

Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。下图是一个产品开发中非常常见的大屏展示界面示例。
·2022-08-19 14:32

vue2项目实战尚品汇前台02 axios二次封装-事件委派-动态添加属性-自定义属性-组件的动画过渡

文章目录vue2项目实战尚品汇前台02向服务器请求数据apifox测试接口axios二次封装√API接口统一管理nprogress进度条vuex状态管理器vuex的模块化开发√TypeNav模块完成动态三级联动数据动态添加背景颜色事件委派通过
rananie·2022-08-19 14:48

Vue2 开发总结1 | Axios 二次封装 | 请求、响应、渲染的大致流程分析

文章目录1.Axios简介2.Vue2二次封装Axios2.1定义简易的Token工具脚本文件2.2封装Axios2.3使用Axios二次封装的脚本2.4在Vuex中的action层使用api3.总结1
程序喵 尤Ni·2022-08-19 14:16

Vue2 开发总结 axios 二次封装 | 请求、响应、渲染的大致流程分析

文章目录1.Axios简介2.Vue2二次封装Axios2.1定义简易的Token工具脚本文件2.2封装Axios2.3使用Axios二次封装的脚本2.4在Vuex中的action层使用api3.总结1
程序喵 尤Ni·2022-08-19 14:44

Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。下图是一个产品开发中非常常见的大屏展示界面示例。
葡萄城技术团队·2022-08-19 14:00

关于Vue3父子组件emit参数传递问题(解决Vue2this.$emit无效问题)

$emit无效问题2.Vuex问题3.总结之前写了一篇Vue3路由跳转问题的博客，发现还是有很多同学对基本的使用改变还没有了解，于是我就顺道把常用的组件间传递的方式也写一下吧.......注意的是：1.
·2022-08-19 12:13

vue管理系统项目中的一些核心技能汇总

1.2Axios二次封装2.Vuex的数据持久化3.路由守卫和动态路由的挂载3.1路由守卫3.2动态路由的挂载4.环境变量的配置文件5.封装一个按钮级权限的自定义指令总结前言很多脚手架搭建的vue的管理系统项目
·2022-08-18 09:16

开发过程中那些包应该放到devDependencies,dependencies

^3.6.5","vue":"^2.6.11"/react高端项目一般会封装核心core-js库devDependencies“axios”:“^0.21.1”,vue-router:“^3.5.1”vuex
小李科技·2022-08-17 16:07

Vuex数据持久化存储

vuex存储与本地储存（localstorage、sessionstorage）的区别:vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存（不主动删除，则一直存在
妹妹你大胆地往前走啊！·2022-08-17 16:06

vuex数据持久化处理

主要应用插件vuex-persistedstateimportVuefrom"vue";importVuexfrom"vuex";importstoreSidebarfrom".
·2022-08-17 12:08

前端面试题 持续更新

如何实现权限控制路由级别权限按钮级别的权限7.对promise的理解8.new的执行过程9..原型链10.hash和history路由的异同11网页从输入url到呈现的过程12路由缓存问题13对REM的理解14对vuex
一只小菜鸡111·2022-08-17 10:29

Vue装饰器中的vue-property-decorator 和 vux-class使用详解

目录1.安装2.vue-property-decorator3.vuex-class目前在用vue开发的项目中，都会配合使用TypeScript进行一些约束。
·2022-08-17 10:33

Vue3推荐的替代Vuex的新一代状态管理工具：Pinia 配置教程

Pinia官方网站：pinia.vuejs.org一、安装Pinianpminstallpinia--save二、配置Pinia（默认项目都使用TypeScript，默认后缀都是.ts）在src目录内新建一个store的目录，然后在此目录下新建一个index.ts文件，内容如下：import{createPinia}from'pinia'conststore=createPinia()export
夏日米米茶·2022-08-17 09:18

Vue 新状态管理工具 Pinia 初探

由Vue团队核心成员开发的下一代Vue状态管理工具，也获得了尤雨溪的认可，只不过目前还和Vuex是不同的仓库。
仿生人会梦到敲代码么·2022-08-17 09:47

新一代状态管理工具 -- Pinia 上手指南

一：Pinia简介和五大优势Pinia是vue生态里Vuex的替代者，一个全新的vue状态管理库。在Vue3成为正式版以后，尤雨溪强势推荐的项目就是Pinia。
就叫小黄好了鸭·2022-08-17 09:43

[VUE3]新一代状态管理工具，Pinia.js 上手指南

新一代状态管理工具，Pinia.js上手指南前言Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0的项目中使用也是备受推崇
豆子前端·2022-08-17 09:13

上手 Vue 新的状态管理 Pinia，一篇文章就够了

Vuex作为一个老牌Vue状态管理库，大家都很熟悉了Pinia是Vue.js团队成员专门为Vue开发的一个全新的状态管理库，并且已经被纳入官方github为什么有Vuex了还要再开发一个Pinia？
IT沐华·2022-08-17 09:42

vue新一代的状态管理器之pinia

Pinia简介Pinia是Vue新一代的轻量级状态管理库，相当于Vuex，也是Vue核心团队推荐的状态管理库。同时支持Vue2和Vue3，未来很有可能替代Vuex，比Vuex更容易上手。
zhooson·2022-08-17 09:12

【Vue全家桶】新一代的状态管理--Pinia

StateGetters1.认识和定义Getters2.访问Getters认识和定义Action什么是PiniaPinia(西班牙语中的菠萝)，本质上依然是一个状态管理的库，用于跨组件、页面进行状态共享.pinia与vuex
贤蛋大眼萌·2022-08-17 09:11

Vue3-pinia（状态管理）

这个是vue3新的状态管理工具，简单来说相当于之前vuex，它去掉了Mutations但是也是支持vue2的，尤大推荐。因为其logo像是一个菠萝，所以我们还称呼它为大菠萝。
後來9527·2022-08-17 09:41

Vue状态管理库Pinia详细介绍

StateGetters1.认识和定义Getters2.访问Getters认识和定义Action什么是PiniaPinia(西班牙语中的菠萝)，本质上依然是一个状态管理的库，用于跨组件、页面进行状态共享.pinia与vuex
·2022-08-16 12:33
上一页 80 81 82 83 84 85 86 87 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他