关于watch监听和页码序号的真实渲染

目录

watch监听

页码序号的真实渲染

附加其他的一些常用： 

---

watch监听

watch:默认侦听栈的变化,基本数据类型都能侦听，复杂数据类型，引用地址改变了它默认可以侦听到

使用deep的话

堆与栈都能侦听,默认值是false,默认只侦听栈的变化

immediate:初次绑定时就立马执行回调，默认是false

关于使用如下：

export default {
  data() {
    return {
      obj: {
        a: 10
      }
    }
  },
  watch: {
    // watch:默认侦听栈的变化,基本数据类型都能侦听，复杂数据类型，引用地址改变了它默认可以侦听到
    /*
    deep:堆与栈都能侦听,默认值是false,默认只侦听栈的变化
    immediate:初次绑定时就立马执行回调，默认是false
    */
    // obj(newVal) {
    //   console.log(newVal)
    // }
    obj: {
      // deep: true,
      immediate: true,
      handler(newVal, oldVal) {
        console.log(newVal, oldVal)
      }
    }
  },
  methods: {
    btnClick() {
      // this.obj.a = Math.random() * 999
      this.obj = {
        a: Math.random() * 999
      }
    }
  }
}