属性监控与异步监控

1-computed属性计算无法异步

computed: {
userInfo(){
		let userInfo="userInfo";
		// computed无法异步
		// 在computed属性计算的时候，使用异步代码，并不会得到属性计算的结果，所以属性计算是不支持异步操作的
		setTimeout(()=>{
			userInfo="lisi"
			// return userInfo      // 不行，不能输出userInfo
		},1)
		return userInfo
	}
},

2- watch数据监控支持异步操作

watch: {
 firstName: {
      immediate: true, //立即的意思，打开页面数据虽然没有改变，仍然强制执行一次回调函数handler
      handler(newValue, oldValue) {
      	//当firstName这个数据发生改变的时候会调用handler函数
      	this.fullName2 = newValue + '-' + this.lastName;

      	// watch支持异步操作
      	setTimeout(()=>{
      		this.genderInfo="male"
      	},1000)
      },
  },