vuex-computed获取数据

一、代码块

1. 再src下面创建store文件夹, 里面创建store.js
2. 在store.js中import 和 export(别的页面需要接收)需要的东西

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

Vue.use(Vuex)

export const store = new Vuex.Store({
    state: {
        products: [
            {name: '马1', price: 100},
            {name: '马2, price: 200},
            {name: '马3', price: 300},
            {name: '马4', price: 400}
        ]
    }
})

3. 在main.js import store

import { store } from './store/store.js'

new Vue({
  store: store,
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

4. 使用: 在需要store中数据的页面

computed: {
    productss () {
      return this.$store.state.products
    },
  },

二、截屏