vue 条件渲染v-if，v-show，模板语法

1.v-if：通过判断条件来决定自身所在的标签是否在页面结构中存在或消失，它会直接修改dom标签元素。决定整dom标签元素在页面结构中的存在。

2.v-show：通过条件判断标签内元素内容是否在页面当中显示，但是本身的dom标签结构是已经渲染到页面结构当中的，只是隐藏内容，即：将当前的标签样式设置为display：none

3.key值：vue当中存在复用机制，也就是说当代码中存在相同的元素是vue回默认优先复用已经存在的元素不会重新加载新的已经存在的元素，但是这样有时候存在问题。所以我们可以给相同的元素添加key值，这样同样的元素但是拥有不同的key值这样vue就不会复用同样的元素。

4.模板语法

（1）.v-text:插值语法，作用和<div>{{name}}</div>一样的，只识别为字符串等

（2）.v-html：可以识别字符串将文字复制到html标签当中，但是同时他也识别html标签

（3）.v-bind:用来绑定data中的数据

（4）.v-on：用来绑定事件

总结：如果只是元素内容的隐藏显示，推荐使用v-show因为这样不会频繁的添加删除dom标签元素，页面不会混乱。v-。。。=“”:双引号当中的都是一个js表达式，可以直接写一些js语法，{{}}当中的也是js表达式