Vue03指令、set监视原理等

条件渲染：

1.v-if

            写法：

                （1）v-if="表达式"

                （2）v-else-if=“表达式

                （3）v-else="表达式"

  2.v-show

            写法：v-show="表达式"

            适用于：切换频率比较高的场景

            特点：不展示的DOM元素被移除，仅仅是使用样式隐藏掉

      3.备注：（1）使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到

列表渲染：

v-for指令

        1.用于展示列表数据

        2.语法：v-for="(item,index) in XXX" :key="yyy"

        3.可遍历：数组、对象、字符串（用的比较少）、指定次数（用的比较少）-->

Vue中key（面试常考）

1.虚拟DOM中key的作用：

            key是虚拟DOM对象的标记，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，

            随后Vue【新虚拟DOM】与【旧虚拟DOM】的差异比较比较规则如下：

       

        2.对比规则：

            （1）.旧虚拟DOM中找到了与新虚拟DOM相同的key：

                若虚拟DOM中内容没有改变，直接使用之前的真实DOM（用户输入的值）

                若虚拟DOM中内容消失了，则产生新的真实DOM，随后替换页面之中的真实DOM

            （2）旧虚拟DOM中未找到与型虚拟DOM相同的key

                创建新的真实DOM，随后渲染到页面

        3.用index作为key可能会引发的问题：

            （1）若对数组进行：逆序添加，逆序删除等破坏顺序操作

                会产生没有必要的真实DOM更新