Vuex-demo

来源：互联网发布：软件测试员工作总结编辑：程序博客网时间：2024/05/22 07:42

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">


</head>
<body>

<div id="app">

</div>
<script src='vue.js'></script>
<script src='vuex.js'></script>
<template>
<span v-test='$store.state.msg'></span>
</template>
<script>
Vue.component('test',{
template:'#test'
})
</script>
<script>
var store=new Vuex.Store({
state:{
msg:'今天星期一'
},//希望组件之间共享的数据
getters:{},
mutations:{},//如果想改state里面的值，通过mutations更改。里面放的都是方法
actions:{}
//actions也能修改state里面的值区别：调用方法不同 mutations用commit actions用dispatch 参数不同：mutations用state actions用context 是否异步：mutations不能异步 actions既能异步也能同步
});
var vm=new Vue({
el:'#app',
store:store,//后面的为变量名前面为固定的键名
});
</script>
</body>
</html>

阅读全文

0 0