vuex-computed获取数据

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}
]
}
})

1. 在main.js import store

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

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

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

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

二、截屏