一 ： v-if
作用： 判断是否加载固定的内容，如果为真，就加载，否则不加载
用处: 用在权限管理，页面加载
语法: v-if="判断表达式"
特点: 控制元素插入或删除，而不是隐藏（v-show是隐藏）
v-if与v-show的区别:
v-if的安全级别更高，v-show只是隐藏了，通过页面源代码还是可以看到，安全级别低、
v-if更高的切换消耗（切换消耗指从未加载到加载或者从加载到未加载的状况，需要添加或删除这个元素），v-show需要更高的初始化渲染消耗
因此如果需要频繁切换而对安性无要求，使用v-show；如果运行时，条件不能改变，使用v-if
6.v-if和v-for的区别: 当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。
举个栗子1
运行结果 ：app.status = 'ok' 则显示yes，status=任何其他的值都显示no
栗子2： 一个条件渲染多条语句
title
运行结果 ： 条件成立时，这三条语句同时显示在页面上
title
paragraph 1
paragraph 2
拓展一点：
template用于包裹纯文字或者没有大的父级元素包裹的情况下，比如一段文字需要加载，而没有别的元素包裹它，就可以用template来包裹
栗子3
运行结果 ：
从上述动图我们可以看到 ： v-if如果判断不成立，就不会在DOM中渲染，也不会将对应的语句显示在页面上
二 ：v-else
v-else要紧跟在v-if后面，表示v-if条件不成立时执行
三 ： v-else-if
表示多次，在v-if和v-else中间
栗子4
运行结果 ：
转自作者：椰果粒
