vue基础知识点以及v-if和v-show,key值作用,计算属性和监听器区别等面试题

         1.学习目标： v-model修饰符用法

          2.语法

            v-model.lazy : 在change时触发而非inupt时（失去焦点或enter键的时候才会绑定数据）

            v-model.number : 输入字符串转为有效的数字 (有效：能转数字就转,不能转就不转)

            v-model.trim : 去掉字符串首尾空格

 1.默认情况下, v-model指令绑定的是表单元素的value值  (复选框checkbox除外)

        2.如果遇到复选框checkbox

            非数组 : 一般用于单个复选框,此时绑定的是checked属性

            数组   : 一般用于多个复选框，此时绑定的是value属性

v-show和v-if区别

 (1)作用：设置元素的css样式 display

            (2)语法： v-show="属性值"

                属性值为true:   display:block

                属性值为false:  display:none

            (3)v-show与v-if区别

                v-if  : 条件渲染。 本质是dom元素的 新增与移除

                v-show: 一定会渲染。 本质是改变css样式display

 【v-if与v-show逐字稿 : 原理 -> 应用场景 -> 为什么这样用 】

        面试官你好，我是这么理解v-if和v-show的。 v-if本质其实是动态的创建 或者 删除元素节点。一