介绍

  1. <input v-model="message"/>
  2. export default {
  3. data(){
  4. message: ''
  5. }
  6. }

修改message的值,DOM就会改变,究竟如何做到的呢。
不用Vue,手动也能做,考虑如下几个问题:

  1. 需要修改哪块的 DOM
  2. 修改效率和性能是不是最优的
  3. 数据每次修改都要操作 DOM 吗
  4. 需要 case by case 去修改 DOM 的逻辑吗

image.png