美文网首页
vuex基础使用

vuex基础使用

作者: 郑先森 | 来源:发表于2020-11-09 15:34 被阅读0次

vuex是什么?

vuex是一个状态管理工具,在使用vue写代码的时候能帮助我们更好的管理数据

当我们需要对数据进行更好的统一的管理的时候
就需要用到vuex
安装vuex指令:npm i vuex -S
创建一个store文件夹,在下面创建一个index.js文件
引入vue和vuex
store用来统一管理数据
在组件中我们可以使用$store.state.username访问到下面仓库中声明定义的username属性

//引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
//插件使用
Vue.use(Vuex);

// 创建vue项目管理状态的仓库
const store = new Vuex.Store({
  // 提供仓库管理的状态
  state: {
    username: 'zhangsan'
  }

});
//导出仓库
export default store;

相关文章

  • vuex基础使用

    vuex是什么? vuex是一个状态管理工具,在使用vue写代码的时候能帮助我们更好的管理数据 当我们需要对数据进...

  • vuex基础使用大全

    vuex是什么 vuex是一个状态管理工具,在使用vue写代码的时候能帮助我们更好的管理数据 vuex 当我们需要...

  • Vuex

    1.Vuex概述 2.Vuex基本使用 3.使用Vuex完成todo案例 1.Vuex概述 Vuex是实现组件全局...

  • Vue-X 一基础使用

    vuex官网由于 Vuex 的状态存储是响应式的。 基础使用创建一个store文件夹,里面创建一个index.js...

  • 04 Vue中组件通信(下)

    使用vuex来实现组件通信一、vuex 的安装与使用 安装npm install vuex -S 使用 二、 vu...

  • 通过一个简单实例了解vuex

    简单说明 什么是vuex,vuex怎么使用,什么场景下适合使用vuex, vuex 文档中都有介绍。看完文档之后,...

  • nuxt-vuex的使用

    本文仅仅为笔者笔记,且本文针对拥有vue的基础的人群,若无vue基础请勿喷谢谢。 vuex的使用 storedem...

  • vuex基础用法

    简单汇总一下vuex的最基础的用法 服务端渲染的写法(推荐使用)

  • VueX--VUE核心插件

    使用VueX方法 1.安装vuex模块 npm install vuex --save 2.作为插件使用 Vue....

  • vuex@2.x 文档

    1、https://vuex.vuejs.org/zh-cn/2、vuex 使用文档3、vuex2.0 基本使用(...

网友评论

      本文标题:vuex基础使用

      本文链接:https://www.haomeiwen.com/subject/peglbktx.html