vuex

Vue3组件间传值通信（vuex的作用越来越小）

Vue3组件间传值的优势首先来看看vue2组件间传值的局限性:①传值:“props”,“$emit”可以发现传递过去后都无法改变传递的值②官方说明:(为何不能修改传递的值)所有的prop都使得其父子prop之间形成了一个单向下行绑定：父级prop的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。③那我们要改怎么办呢？###V
一个21岁的老同志·2021-10-17 11:13

vue-router 基于后端permissions动态生成导航菜单的示例代码

目录Vue.js1、注册全局守卫2、Vuex状态管理全局缓存routes3、路由拦截4、路由菜单5、递归菜单vue组件Vue.jsvue-routervuex1、注册全局守卫核心逻辑1、token身份验证
·2021-10-17 10:06

前端开发框架Vue中Vuex的使用原理分享

在前端培训开发工作中，Vue.js的使用是主流技术，尤其是项目开发过程中只要使用到涉及Vue的状态管理就必然会用到Vuex。本篇博文就来分享一下关于Vuex的相关知识点，方便后期查阅使用。
·2021-10-13 11:14

vuex的简单存取

我们在项目中肯定会遇到存取的问题，所以我现在所说的就是vue中自带的vuexvuex中有state（数值），mutations（同步方法），actions（异步方法），modules（模块化），getters
X_8d6a·2021-10-13 10:52

vuex实现历史记录的示例代码

所以结合上面两点的要求，发现vuex的基本思路非常适合完成这个需求，redux同样。实现思路此项目用了
·2021-10-09 19:23

vuex中mapState思想应用

目录1、map方法2、应用背景：在需求开发过程中，有的接口返回的结果中有很多字段需要展示到页面上。通常可以将这些字段在.vue文件中封装为计算属性，或者重新将对应字段赋值到data中的字段来达到便于使用的目的。如下：computed(){count1(){returnthis.targetObj.count1},count2(){returnthis.targetObj.count2},//...
·2021-10-09 15:57

vuex中mapState思想应用

目录1、map方法2、应用背景：在需求开发过程中，有的接口返回的结果中有很多字段需要展示到页面上。通常可以将这些字段在.vue文件中封装为计算属性，或者重新将对应字段赋值到data中的字段来达到便于使用的目的。如下：computed(){count1(){returnthis.targetObj.count1},count2(){returnthis.targetObj.count2},//...
·2021-10-09 15:57

vuex中mapState思想应用

背景：在需求开发过程中，有的接口返回的结果中有很多字段需要展示到页面上。通常可以将这些字段在.vue文件中封装为计算属性，或者重新将对应字段赋值到data中的字段来达到便于使用的目的。如下：computed(){count1(){returnthis.targetObj.count1},count2(){returnthis.targetObj.count2},//...//想象一下。你要写5遍或
·2021-10-09 12:24

重磅！前端开发技术之Vue架构知识分享

前端培训•公司主要业务是GIS和BIM，通常开发一些中大型的系统，所以vue-router和vuex都是必不可少的。
·2021-10-09 10:09

vue实现动态路由详细

目录一、前端控制1、在router.js文件（把静态路由和动态路由分别写在router.js）2、store/permission.js(在vuex维护一个state，通过配角色来控制菜单显不显示)3、
·2021-10-08 18:42

学习Vue看这个就够了(下)

学习Vue看就够了(下)Vue全家桶-Vuex1.什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。
小白在线学前端·2021-10-07 20:24

前端开发我的优势

前端开发优势1.精通vue开发1.vue的MVVM响应式原理和自我实现https://github.com/banana618859/my_vue_MVVM2.vue全家桶熟练使用（vue-router\vuex
yuanyi正·2021-10-05 21:23

Vuex一篇就够

通俗理解Vuex：状态管理、集中式存储管理。把需要多个组件共享的变量全部存储在一个对象里面，这个对象放置在顶层的vue实例中让其他组件都可以使用，并且是响应式的。
kzbRise68·2021-10-05 19:47

[VUE框架学习笔记]vuex是什么？？？(有语法糖！)

今天来学习一下vuex前言什么是vuex？
钧桐·2021-10-05 16:44

【vue】Vuex状态管理模式

Vuex状态管理模式多个组件依赖或修改同一个状态-共享使用Vue.observable可以实现一个轻量型的状态管理基础Modules1基础基本结构与使用StateMutationsActionsGttersmap1.1
·2021-10-05 13:36

vite+vue3+ts实战项目，教你实现一个网页版的typora！(前端篇)

目录前言页面框架构思左侧栏：顶部栏：编辑器：技术选型前端后端数据库markdown编辑器ide工具框架搭建生成目录框架安装tailwindcss安装element-plus并修改主题色安装v-md-editor安装vuex
oil欧哟·2021-10-01 19:23

练习vue-x的小demo

小demo----vuex的练习先来看效果目标通过vuex发送请求渲染页面代码：store/index.jsimportVuefrom'vue'importVuexfrom'vuex'importaxiosfrom'axios'Vue.use
·前端小李·2021-10-01 16:25

Vuex极其详细的介绍与使用（state：统一定义公共数据，mutations：使用他来修改数据，getters：计算属性，actions:发起异步请求，modules：模块拆分）Vuex-map函数

Vuex是什么？Vuex是一个专为Vue.js应用程序开发的状态管理模块，采用集中式储存管理应用的所有组件的状态，解决多件数据通讯。
蟹蟹！·2021-09-29 20:11

三分钟带你精通vuex

1.学习vuex的目标知道vuex是什么以及作用vuex中弍参数的使用使用map辅助工具简化vuex的使用2.vuex是什么？
·前端小李·2021-09-28 22:52

第六阶段：大前端进阶||07-Vue详解||P7：Vue双向绑定【观看狂神随笔】

Vue：表单双绑，组件1.什么是双向数据绑定全局性数据流使用单项（vuex），方便跟踪；局部性数据流使用双向(UI控件)，简单易操作。
狂野小白兔·2021-09-26 14:11

vue+node+socket io实现多人互动并发布上线全流程

一、背景1.前端使用vue+vuex+socket.io-clientnpminstallsocket.io-client--save-dev2.后端使用node+express+socketio1.搭建
·2021-09-26 14:05

Vue2 的12种组件通讯

$children/$parent8.provide/inject9.EventBus10.Vuex11.
·2021-09-25 14:36

Vue3的7种种组件通信详情

目录1、Vue3组件通信方式2、Vue3通信使用写法2.1props2.2$emit2.3expose/ref2.4attrs2.5v-model2.6provide/inject2.7Vuex1、Vue3
·2021-09-24 11:35

Vuex4 对 TypeScript 并不友好，所以我选择 Pinia

由于vuex4对typescript的支持让人感到难过，所以状态管理弃用了vuex而采取了pinia，说一下采用Pinia的5个重要条件：Pinia的API设计非常接近Vuex5的提案。
·2021-09-24 10:29

为什么 Vue2 this 能够直接获取到 data 和 methods ? 源码揭秘！

一起读了4周源码》，已经有超50+人提交了笔记，群里已经有超1200人，感兴趣的可以点此链接扫码加我微信ruochuan12之前写的《学习源码整体架构系列》jQuery、underscore、lodash、vuex
若川视野·2021-09-24 09:00

uni-ttLive：基于uniapp+uViewUI短视频+聊天直播实例

二、预览效果如下图：在h5、小程序、APP端编译效果三、编码技术编码器/技术：HbuilderX3.1.21+Uniapp+Nvue+Vuex+UapopupUI组件库：uView-ui/uni-ui
·2021-09-24 00:41

Vue保持用户登录状态(各种token存储方式)

目录怎么设置CookieCookie的缺点：LocalStorage与SessionStorage存储TokenLocalStorage与SessionStorage的主要区别：Vuex存储Token为什么要使用
·2021-09-23 18:54

vuex命名空间

mapXXXs('命名空间名称',['属性名1','属性名2'])mapXXXs('命名空间名称',{'组件中的新名称1':'Vuex中的原名称1','组件中的新名称2':'Vuex中的原名称2',})
·2021-09-23 18:43

vuex项目中登录状态管理的实践过程

实践：场景1思考与实践用vuex创建一个数据仓库//src目录下新
·2021-09-23 18:30

vue-cli3 打包优化之 splitchunks

Dllplugin可以把常用库抽离出来，包括vue，vuex之类的库。但是antdesignvue是按需加载，且随时有可能引入新的组件，显然不适合放进dll中。
·2021-09-16 17:58

白话vuex的使用！

1、给你讲个故事记得学react的状态管理redux的时候那个痛苦啊，恨不得放弃react，之前老有人说vue简单vuex全局状态管理难，在我看来，官网说的太官网了，以至于有的人用的不对，有的人不会用，
Baby_ed6e·2021-09-15 18:19

Vue组件通信方法案例总结

父组件向子组件传值（props）二、子组件向父组件传值（$emit）三、兄弟组件传值（EventBus）1.初始化（newVue()）2.发送事件（$emit()）3.接收事件（$on()）4.移除事件监听者四、Vuex
·2021-09-15 16:55

vuex 的使用

vuex的简介vuex是全局状态管理器，在state中定义一个全局变量，可以在任何一个组件中进行获取、修改，并且可以将修改的内容同步到全局vuex的安装npminstallvuex--savevuex的配置项目中新建一个名为
·2021-09-15 14:49

增强Vuex 4.x的typescript 类型智能提示与检查

vuex4.xTS增强更好的支持智能提示及TS检查，在不影响已有TS支持的功能情况下，增强state,getters无限层级属性提示，并支持只读校验；增强commit、dispache方法感知所有操作类型名称并对载荷参数检查
·2021-09-14 23:32

vuex 中辅助函数mapGetters的基本用法详解

mapGetters辅助函数mapGetters辅助函数仅仅是将store中的getter映射到局部计算属性：1、在组件或界面中不使用mapGetter调用映射vuex中的getter1.1调用映射根部
·2021-09-14 13:08

Vuex总体案例详解

目录一、简介二、优点三、使用步骤1.安装Vuex2.引用Vuex3.创建仓库Store四、包含模块1.State2.Getters3.Mutations4.Action5.Modules五、Vuex最最简单的项目实例
·2021-09-14 13:03

vuex数据持久化的两种实现方案

目录业务需求：方案一：vuex-persistedstate方案二：vuex-persist总结业务需求：在基于vue开发SPA项目时，为了解决页面刷新后数据丢失的问题，我们一般都是将数据存储在localstorage
·2021-09-14 11:50

vuex 第三方包实现数据持久化的方法

目的：让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。在开发的过程中，像用户信息（名字，头像，token）需要vuex中存储且需要本地存储。
·2021-09-14 11:46

封装自定义hooks在setup中取出vuex的state

封装自定义hooks一般在组件内拿到vuex中的数据通常的做法setup(){conststore=useStore()//通过computed拿到vuex里面的数据constscounter=computed
瓯海·2021-09-14 09:16

vue实现组件通信的八种方法实例

、$children直接访问组件实例5、$refs6、provide/inject(提供/注入)多组件或深层次组件通信7、slot（slot-scope作用域插槽）子元素-->父元素（类似于通信）8、vuex
·2021-09-13 19:22

vue3.0+vuex+ts实现数据模块化及类型化

前言最近在将之前的后台框架从js改造为ts，其中涉及了很多vue周边生态的类型引入，这里记录一下vuex实现模块化以及Typescript支持框架版本vue3.x+vite2.x+vuex4.xvuex4
oil欧哟·2021-09-13 09:14

50行代码串行Promise，koa洋葱模型原来是这么实现？

之前写的《学习源码整体架构系列》包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十余篇源码文章。
·2021-09-13 09:12

Vue3 | VueCli、node.js安装、nrm切换镜像源、vue项目结构解读、Router详解、VueX详解

完整原文地址见更多完整Vue笔记目录敬请见《前端Web笔记汇总目录（Updating）》本文内容提要VueCli部分首先需要安装nodejs安装完node会自动配套npm使用npminstallnrm-g用于调整镜像源，方便后续下载依赖这边使用淘宝镜像npmuninstallvue-cli-g检查并清除多余的旧版本使用npminstall-g@vue/cli[@版本号]安装脚手架使用脚手架VueC
凌川江雪·2021-09-12 20:40

vue3+vite+ts搭建一个完整的项目（包括vue-router，vuex，ElementPlus等插件）

文章目录一，介绍二，搭建项目三，安装vue-router4.0四，安装vuex五，安装Elementplus一，介绍Vite（法语单词，“快”的意思）是一种新型的前端构建工具最初是配合Vue3.0一起使用的
番茄wky·2021-09-10 16:39

vue 使用vuex在页面跳转的实现方式

目录vue使用vuex在页面跳转第一种方式：使用router动态路由传参，将需要的数据带过去第二种方式：使用vuexvuex页面跳转参数存储获取vue中我们用于页面跳转有三种方式首先需要接收页面vue使用
·2021-09-10 10:16

vuex结合session存储数据解决页面刷新数据丢失问题

在项目中是使用vuex保存数据，但是网页刷新后，store中保存的数据丢失了。
·2021-09-09 11:40

vue复习——mixins

就像computed一样，像filter一样，像vuex中的getter一样。接下来，我用几张图片来展示一下混入的用法，这几张图片分别从，值，方法，生命周期来展示。
旺柴a·2021-09-08 21:57

使用Vue全家桶+Vite搭建的项目

项目技术栈相关框架：vue-router、axios、vuex脚手工具：Vite使用语言：ES6UI框架
sky灬坏孩子·2021-09-06 15:02

vue-cli配置使用Vuex的全过程记录

目录前言安装使用模块化管理vuex状态持久化总结前言    在vue开发用我们常常会用到一些全局的数据，比如用户信息、用户权限、一些状态等等。
·2021-09-05 12:20

Vue中的Vuex（二）

小编今天继续和大家一起学习和探讨Vuex，咱们书接上回，继续探索Vuex的其他特性三、Mutation在上一篇文章中，咱们已经知道，对于Vuex中的数据，不能像data中的数据一样直接修改，那要对State
·2021-09-02 19:48
上一页 95 96 97 98 99 100 101 102 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他