页面通信三种选择

[douzi8]

• stateEvent全局事件模式，跟以前的页面事件监听一个意思（适合新手使用）

  
  // 当前页面监听事件
  stateEvent: {
  addCar (val) {
  }
  }
  
  // 其他页面委派事件
  Lizard.state.$emit('addCar', {
  id: null,
  name: '测试'
  })

• computed依赖全局状态，当全局状态修改的时候，自动重新computed

  computed: {
  cityName () {
    return Lizard.state.cityInfo.name
  }
  },
  // 监听可缺省
  watch: {
  // 当前页面监听城市变化， 可以做一些异步校验
  cityName () {
  
  }
  }

• stateWatch全局状态模式，显示的监听全局状态

  // 如果当前页面修改了全局状态的值，是不会触发stateWatch
  stateWatch: {
  'car.mileage' (newValue) {
    this.car.mileage = newValue
  }，
  car (newValue) {
     // newValue === Lizard.state.car  为true
     // 当前页面的car完全等于全局状态的car
     this.car = newValue
  
    // 如果想复制一个全局状态, 这样当前页面的car和全局的car是独立分开的
     let car = util.cloneDeep(newValue)
     this.car = car
  
    // 或者扩展属性
     Object.assign(this.car, newValue)
  }
  }

第二种和三种选择依据

1. 第二种当前页修改全局状态，当前页需要触发事件 （比如4S店切换日期）
2. 第三种当前页修改全局状态，当前页不需要触发监听事件 （比如智能方案页的购物车）

[douzi8]

默认全局状态

车子

// null或者Object
Lizard.state.car

是否登录

// Boolean
Lizard.state.isLogin

用户信息

// Null or Object
Lizard.state.userInfo

展示昵称逻辑

// 有昵称显示昵称，否则为手机,手机可加密为158****7685
Lizard.state.showNickName()            // 不加密
Lizard.state.showNickName(true)     //加密

当前城市

// Object
Lizard.state.cityInfo

用户定位

// Null or Object
Lizard.state.address

[douzi8]

如何修改默认全局状态

修改城市

Lizard.state.cityInfo = {  id: '10201', name: '上海' }

修改用户信息

// 改昵称
Lizard.state.userInfo = { userInfo: { nickName : '张三' } }

// 换绑手机
Lizard.state.userInfo = { user: { mobile: '15821907685' } }