vuex的安装使用(简单)

  1. 可以访问vuex官网进行了解
  1. https://vuex.vuejs.org/

使用vuex的好处

1.解决了非父子组件的消息传递(将数据存放在state中)

2.减少了AJAX请求次数,有些情景可以直接从内存中的state获取
3.使用vuex关闭的时候页面数据会清除但是可以通过h5 和js存储cookie进行弥补

安装

  1. 可以script引入
    <script src="/path/to/vue.js"></script>
    <script src="/path/to/vuex.js"></script>

脚手架安装

npm install vuex --save

在main.js里面使用

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
//还需要在new vue根节点挂载
/* eslint-disable no-new
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>' */
})

创建一个store的js文件用来存储您的数据

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
const store = new Vuex.Store({
  state: {
    count: 0,
    token:''
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})
export default store;

您可以通过this.$store.state调用您的数据啦

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读