📖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中导入
})