vuex

详解Vue中$props、$attrs和$listeners的使用方法

我们使用VueX来进行数据管理，但是如果项目中多个组件共享状态比较少，项目比较小，并且全局状态比较少,那使用VueX来实现该功能，并没有发挥出VueX的威力。
·2022-02-04 15:31

VUE3（十一）自定义组件子父传值

在创建项目的时候，官方给出的页面，其实就给出了一个自定义的组件helloworld，里边包含了父传子传值，VUEX的使用，计算属性computed使用，方法的定义以及自定义组件的使用。
camellias__·2022-02-02 22:09

Vuex、VueRouter

vuex本节vuex需要掌握，state、getters、mutations、actions、module的含义、定义方法、调用方法state全局状态constcount=computed(()=>store.state.count
·2022-01-29 17:13

Vuex

Vuex是什么概念：Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。适用于任意组件之间通信。
·2022-01-14 18:30

自宅创业 - #17 代码重构，以及蚁阅的更新

首先是开源了Hami-Vuex这个库，我也将蚁阅和果蔬时节两个项目的前端状态管理换成了Hami-Vuex。重构之后代码更加模块化了，代码提示也非常友好，可以参考PR#11。
·2022-01-13 11:51

vue 淘宝购物车实现三级选中

店铺全部选中；反之全部取消选中2.店铺选中时，当前店铺内所有商品选中；反之取消选中3.店铺内商品全选→所属店铺选中；反之取消选中店铺4.店铺+所有商品全选→全选按钮选中；反之取消选中首先说明一下，我使用了vuex
·2022-01-12 10:42

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

本文为转载文作者：小学生study链接：https://juejin.cn/post/704919...前言Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex
·2022-01-08 10:02

Vue3 的8种组件通信方式

Vue3组件通信方式props$emitexpose/ref$attrsv-modelprovide/injectVuexmittVue3通信使用写法1.props用props传数据给子组件有两种方法，
·2022-01-07 10:21

vuex在F5时数据丢失的两种办法

1.APP.vueexportdefault({created(){//在页面加载时读取sessionStorage里的状态信息if(sessionStorage.getItem("store")){this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem("store
·2022-01-05 17:15

Vuex二次封装，直接渲染页面，刷新界面不丢失。

开门见山地说，我们在使用Vuex的时候，经常会遇到使用方式麻烦，刷新之后Vuex丢失等问题。
十一他叫路易斯·2022-01-04 23:14

(Vue-cli)七、Vuex（state&getters&mutations&actions）/ 详解单独创建modules模块 + 八、映射函数

七、VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
Jinxchan·2022-01-04 22:27

vuex中Getter的用法详解

前言Vuex允许我们在store中定义“getter”（可以认为是store的计算属性）。就像计算属性一样，getter的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。
·2021-12-31 13:35

助你上手Vue3全家桶之VueX4教程

VueX4.0官网2，State语法有所调整2.1，直接使用import{onMounted}from'vue'import{useStore}from'vuex'exportdefault{name:
鹏多多·2021-12-30 23:22

vue3 响应式API 替代vuex实现naive-ui message 显示全局消息

定义store.jsimport{reactive,provide,inject}from"vue";//定义一个响应式变量exportconstcreateState=()=>reactive({globalMsg:{type:"info",msg:"asdasd"},});//依赖注入exportconststateSymbol=Symbol("state");exportconstuseSt
Angeladaddy·2021-12-30 22:50

vue+element实现下拉菜单并带本地搜索功能示例详解

需求:后台返回数组对像,前端组合成数组,根据name组合成一个个数组并把后台返回的值当成一个children推入数组,在数组中自定义属性备份数据防止搜索的时候改变原数组使得数组无法回退这里是用的vuex
·2021-12-30 19:33

Vue封装组件利器之$attrs、$listeners的使用

目录前言$attrs例子：$listeners(官网解释)使用场景总结前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。
·2021-12-30 10:03

Vue3+TS Day35 - type、typeof、infer、instanceType、路由守卫、本地缓存工具类、vuex设计、跨域问题、父组件如何调用子组件的方法

一、基础知识补充1、思考在login-account.vue文件中exportdefaultdefineComponent({})，导出的是对象{}，如果在外部通过ref拿到还是对象{}吗？（这个很重要，但是可能要学完回顾源码的时候才能理解了）image.png2、type关键字是JavaScript中的还是TypeScript中的？有什么用？【type】属于TypeScript中的关键字【作用】
望穿秋水小作坊·2021-12-29 14:57

详解Vuex的属性和作用

目录Vuex是什么？Vuex的5个属性vuex的State特性是？vuex的Getter特性是？vuex的mauation特性是？vuex的action特性是？什么情况下应该使用Vuex？
·2021-12-27 11:53

vue+elementui+vuex+sessionStorage实现历史标签菜单的示例代码

一般是有左侧菜单后，然后要在页面上部分添加历史标签菜单需求。借鉴其他项目，以及网上功能加以组合调整实现按照标签实现方式步骤来（大致思路）：1，写一个tagNav标签组件2，在路由文件上每个路由组件都添加meta属性meta:{title:'组件中文名'}3，在store的mutation.js文件中写标签的添加/删除方法以及在方法中更新sessionStorage数据4，在主页面上添加组件以及ro
·2021-12-27 10:21

组件传值，数据双向绑定

一、组件传值组件间的传值方式父子传值：props、emit、$parent、$chidren、ref兄弟之间传值：事件总线（on、emit）、Vuex传值实例（1）父组件传到子组件(props)一个组件默认可以拥有任意数量的
·2021-12-24 18:54

深入了解Vue组件七种通信方式

$attrs/$listener简介代码实例5.provide/inject简介代码实例6.eventBus简介原理分析代码实例7.Vuex代码实例总结vue组件通信的方式，这是在面试中一个非常高频的问题
·2021-12-24 18:53

「Vue源码学习」你想知道Vuex的实现原理吗？

大家好我是林三心，Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么情况下我应该使用Vuex？
·2021-12-24 09:53

Vue顶部tags浏览历史的实现

页面如果当前页在最后一个，默认跳到上一个tag页面右键菜单，刷新，关闭右侧，关闭所有动态判断tags长多，放不下时，出现左右两侧按钮，减少时自动消失动态判断窗口放大缩小，自动判断有无左右两侧按钮正文不用任何vuex
·2021-12-23 16:58

vue 按钮 权限控制介绍

通过查找资料，通过vuex来实现这个功能。一、步骤1.定义buttom权限在s
·2021-12-23 14:51

vue实际运用之vuex持久化详解

目录vuex持久化总结vuex持久化vuex：刷新浏览器，vuex中的state会重新变为初始状态解决办法：使用vuex-persistedstate插件（实际就是自动存在本地存储中）安装npmi-Svuex-persistedstate
·2021-12-23 12:41

vue.js中mixin的使用。

1、方法和数据在各个组件中不共享不像vuex那样，一个地方修改其他地方也会修改，mixin的数据的作用域就是被引入的组件内部。2、引用组件中的钩子函数在混入对象中的钩子函数后面执行。
·2021-12-22 12:29

Hami-Vuex开源了，哈密瓜味的Vuex！

Hami-Vuex是一个Vue状态管理的库，基于Vuex实现，提供了更「香甜」的使用方式，所以叫做哈密瓜味的Vuex！
·2021-12-19 16:55

全新的 Vue3 状态管理工具：Pinia

Vue的周边生态都在加紧适配这套新的系统，官方的状态管理库Vuex也在适配中，为此官方提出了一个Vuex5的全新提案。
·2021-12-19 14:10

vue前端权限管理

的有无而被控制访问权限权限拦截的流程图.png//权限拦截导航守卫路由守卫routerimportrouterfrom'@/router'//引入路由实例importstorefrom'@/store'//引入vuexstore
姑苏_慕容博·2021-12-18 16:39

vue源码-vuex源码解析-造轮子

vuex使用方法：根据vuex使用方法分析：1、vuex使用是一个插件。2、需要实现vuex构造函数Store类。
仰寒天·2021-12-09 20:04

详解vue element plus多语言切换

1、利用vuex，在mutations中写一个方法更改element语言2、使用更改完elementUI组件视图不更新？
·2021-12-09 18:02

ApacheCN Vue 译文集 20211115 更新

GraphQL构建VueJS应用零、前言一、数据绑定、事件和计算属性二、组件、混合器和功能组件三、设置我们的聊天应用——AWSAmplify环境和GraphQL四、创建自定义应用组件和布局五、创建用户Vuex
·2021-12-08 22:01

Vue3-Element-Plus-Admin 基于Vue3+Element-Plus的后台管理系统

vue3-element-plus-admin介绍vue3-element-plus-admin是一个基于vue3,vite2,element-plus,vuex-module-decorators,vue-router-next
·2021-12-08 19:17

详解vue页面状态持久化详解

思路：用vuex结合localStorage缓存数据。
·2021-12-05 19:30

VUE3安装教程

目标：Vue3+AntDesign+TypeScript+Router+Vuex安装环境1、nodenode-vv16.13.02、全局安装yarn(vue3默认使用yarn)PSC:\Users\10256
cesiuming·2021-12-02 10:39

【vue3.0】21.0 某东到家（ 廿一）——订单商品列表布局

src\effects\cartEffects.jsimport{computed}from'vue'import{useStore}from'vuex'//添加、减少到购物车功能exportconstuseCommonCartEffect
bobokaka·2021-12-01 23:42

Vuex 数据流管理

组件通讯父子组件传值通过props向子组件传递数据Parent父给子传值importchildfrom'./Child'exportdefault{components:{child}}ChildPropsDownChild{{title}}exportdefault{//props:['title'],props:{title:String}}子父组件传值通过监听子组件事件Parent子给父传值
·2021-11-30 11:51

Vue局部组件数据共享Vue.observable()的使用

随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js2.6新增加的
·2021-11-29 18:02

vue获取token实现token登录的示例代码

3、前端收到后端传给的token值，将token存储在本地loaclStorage和vuex中。
·2021-11-28 20:48

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了....xdm冲一、安装vue-cli安装vueaddrouter做完这一步基础环境都搭好了。
·2021-11-28 17:58

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了…xdm冲一、安装vue-cli安装vueaddrouter做完这一步基础环境都搭好了。
宁在春·2021-11-28 16:57

即将2022年了，Vue3.x详细版为尔奉上（对比Vue2.x，打包带走）

node、vue-cli、webpack等准备完成之后，创建vue3-test文件夹，cdvue3-test，然后vueinitwebpack，配置项目信息，创建vue2项目（安装vue-router、vuex
前端不释卷leo·2021-11-28 09:58

24.Vuex的使用

多个组件需要操作使用共享数据时3.搭建vuex环境安装vuex库：npmivuex创建文件：src/store/index.js//引入Vue核心库importVuefrom'vue'//引入VueximportV
黑咔·2021-11-27 14:48

「后端小伙伴来学前端了」Vuex进阶操作，让你的代码更加高效（简称如何学会偷懒 【手动狗头】）

学妹手机里的美照前言前一篇写了Vuex基本使用，用起来还稍稍有些繁琐，代码有很多冗余的地方，这篇就带着大家用更简单的方式来使用Vuex（其实就是怎么更好的偷懒，用更少的代码来完之前的事情）进入正文...
宁在春·2021-11-25 14:00

「后端小伙伴来学前端了」Vuex进阶操作，让你的代码更加高效（简称如何学会偷懒 【手动狗头】）

学妹手机里的美照前言前一篇写了Vuex基本使用，用起来还稍稍有些繁琐，代码有很多冗余的地方，这篇就带着大家用更简单的方式来使用Vuex（其实就是怎么更好的偷懒，用更少的代码来完之前的事情）进入正文…一、
宁在春·2021-11-25 13:43

解析vue的provide和inject使用方法及其原理

对于爷爷和孙子组件之间，甚至太爷爷组件与孙子组件通信我们用vuex不就ok了。
·2021-11-24 17:29

以 Vuex 为引，一窥状态管理全貌

众所周知，Vuex是Vue官方的状态管理方案。Vuex的用法和API不难，官网介绍也简洁明了。得益于此，将Vuex快速集成到项目里非常容易。
·2021-11-24 11:55

以 Vuex 为引，一窥状态管理全貌

用Vue的同学一定接触过状态管理，并且几乎都是一个方案：官方VuexVuex的用法和API不难，官网介绍也简洁明了。得益于此，将Vuex快速集成到项目里非常容易。
·2021-11-23 17:40

vue-pc后台管理系统:搭建项目(一)

特此来学习记录1.搭建项目vuecreatestart手动配置：需要什么自己选择（上下箭头切换空格选中）babel:转换es6语法的这个必须要typescript看自己需不需要用router管理路由的也选上vuex
彧子吱吱吱吱·2021-11-23 16:30

手把手教你搭建vue3.0项目架构

做这个的目的是为了工作中快速启动项目，毕竟切片打包、less、axios、vuex、router、UI框架、基础文件目录、权限，这
·2021-11-22 18:58
上一页 93 94 95 96 97 98 99 100 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他