📖Vuex 安装与部署 ( 1 )

Vue 概述

1.1:组件之间数据共享
父向子传值:v-bind 属性绑定
子向父传值:v-on 事件绑定
兄弟组件传值:EVentBus
$on 接收数据组件
$emit 发送数据组件

1.2:Vuex 是什么
Vuex 是实现组件组件全局状态(数据)共享的一种模块,可以方便的时间组件之间数据的共享

1.3:Vuex 的好处
1:能够在 Vuex 中集中管理全局共享的数据,易于后期开发与维护
2:能高效的实现组件之间的数据共享,提高开发效率
3:存储在 Vuex 中的数据都是响应式的,数据可以与页面进行同步

安装Vuex

//安装Vuex
npm install vuex --save

//卸载 Vuex
npm uninstall vuex

部署(引入) Vuex

在 src 文件夹中创建 store.js

//store.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state:{
      count:1
  }
})

export default store

在 main.js 中引入 Vuex

//main.js
import store from './store.js' //引入组件

new Vue({
  store, //在vue中导入
})

标签