4.1.5 vue的条件渲染指令

v-if 和 v-show 条件渲染指令，按需控制DOM元素的显示与隐藏，则是符合条件的DOM元素则显示，不符合则隐藏

v-if 和 v-show 的区别：v-if是动态创建或移除DOM元素；v-show是给DOM元素动态添加style="display:none"

v-else和v-else-if都必须配合v-if指令一起使用

注意：添加了v-if、v-else-if和v-else的标签都需要是兄弟关系，即不能嵌套

        <div v-if="type === 'A'">优秀</div>

        <div v-else-if="type === 'B'">良好</div>

        <div v-else-if="type === 'C'">一般</div>

        <div v-else>差</div>