有人能说说 vue的store是什么鬼吗？来个demo最好了

发布于
2016-05-15

官网说的太简单了。

//store.js

export default {
    state : {
        count : 20
    },
    addsome (num) {
        this.state.count = this.state.count+Number(num)
    }
}

//component.js

<template>
    <div id="header">
        <button @click="add">点击</button>
        <p>还有{{initState2}}次机会</p>
    </div>
</template>
<script>
import store from '../../vuex/storeModule'
name : 'home',
    
    data () {
        return {
            initState: store.state.count
        }
    }
    methods : {
        add () {
            store.addsome(202)
        }
    }
</script>


这是我写的 为什么我点击button按钮 试图的数据变化不了呢  ？？求大神答疑解难下

vue.js

阅读 28.9k

8 个回答

得票最新

mlyknown

7253812

发布于
2016-05-20

✓ 已被采纳

initState: store.state.count 这里改成 store.state，这个样子initState和store.state指向同一个对象，改变store.state的时候，initState才会跟着改变。initState: store.state.count这样子写其实就相当于:initState:20,和store对象没什么关系了。
个人感觉store模式类似于简化版的flux，而vuex类似于简化版的reduce。