vue 进阶
2019-12-09 本文已影响0人
幻影翔
插件
export default store => {
if (localStorage.state) store.replaceState(JSON.parse(localStorage.state))
store.subscribe((mutation, state) => {
// 持久化保存
localStorage.state = JSON.stringify(state)
})
}
// store 使用index.js 使用
import saveInLocal from './plugin/saveInLocal'
增加属性 plugins: [ 'saveInLocal' ]
严格模式
// 生产环境打开严格模式,上线关闭
增加属性 strict: process.env.NODE_ENV === 'development',
// 修改state的值需要使用store的matution,不要直接赋值修改
vuex+ 双向绑定
<a-input v-model="stateValue"/>
// 写成函数
stateValue: {
get () {
return this.$store.state.stateValue
},
set (value) {
this.SET_STATE_VALUE(value)
}
}