Vuex的基本使用

vuex是什么

vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件间的数据共享


使用Vuex的好处

  • 能够在Vuex中集中管理共享数据,易于开发和后期维护
  • 能够高效的实现组件间数据共享,提高开发效率
  • 存储在Vuex中的数据都是响应式的,能够实时保持数据与页面的同步

什么样的数据适合存储到Vuex中

一般情况下,只有组件之间共享的数据,才必要存储到Vuex中

安装Vuex依赖包

npm install vuex --save

导入vuex包

import Vuex from 'vuex'
Vue.use(Vuex)

创建store对象

const store = new Vuex.store({
  state:{coount:0}
})

将store对象挂载到vue实例中

new Vue({
  el:'#app',
  render:h => h(app),
  router,
  store
})
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 首先我们知道组件之间共享数据的方式有以下几种:父向子传值:v-bind属性绑定子向父传值:v-on 事件绑定兄弟组...
    肖青荣阅读 519评论 0 4
  • 1. Vuex 概述 1.1 组件之间共享数据的方式: 父向子传值:v-bind 属性绑定 子向父传值:v-on ...
    微笑曲线_8eee阅读 324评论 1 1
  • 1.Vuex概述 Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享 使用Vuex...
    王玉伟的伟阅读 409评论 0 0
  • 原文:https://laylawang17.github.io/2020/03/11/Vuex%E7%9A%84...
    FoxLayla阅读 829评论 0 0
  • 使用Vuex之前我们需要先来了解一下 什么是 Vuex? 为什么要使用 Vuex? 先来看一下官方文档怎么解释 V...
    HEROQYC阅读 341评论 0 3

友情链接更多精彩内容