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)
        }
    }
上一篇下一篇

猜你喜欢

热点阅读