console
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
inc: state => state.count++,
dec: state => state.count--
}
});
let app = new Vue({
el: '#app',
data: {
info:'',
input:'123'
},
computed: {
count () {
return store.state.count
}
},
methods: {
Get: function() {
this.info = [];
axios.get('http://api.twitf.com/api/user')
.then(function (response) {
app.info=response.data;
app.input='success';
})
.catch(function (error) {
console.log(error);
});
},
inc () {
store.commit('inc')
},
dec () {
store.commit('dec')
}
}
});
<div id="app">
<button @click="Get">Get</button>
<ul v-for="val in info">
<li>{{ val.name }}</li>
<li>{{ val.sex }}</li>
<li>{{ val.email }}</li>
</ul>
<input type="text" v-model='input' />
<p>{{count}}
<button @click="inc">+</button>
<button @click="dec">-</button>
</p>
</div>