Vue绑定样式+条件渲染

===================绑定样式===========================

vue不能自己操作DOM，不变的东西写死，变的东西绑定的形式写

但凡变化的东西都交给vue

   绑定class样式--字符串写法，适用于：样式的类名不确定，需要动态指定

   绑定class样式--数组写法，适用于：要绑定的样式个数不确定、名字也不确定

=====================条件渲染=========================

v-show的底层实现就是调整display属性

使用v-show做条件渲染

<h2 v-show="false">欢迎来到{{name}}</h2>

<h2 v-show="1 === 1">欢迎来到{{name}}</h2>

使用v-if做条件渲染：直接改变结构

<h2 v-if="1 === 1">欢迎来到{{name}}</h2>

=== 叫做等同符，先比较两边的值类型，如果不同直接返回false

== 等值符，当等号两边类型相等的话，直接比较值的大小，若类型不同，则先转化为类型相同的值，转化规则如下：

1、如果等号两边是boolean、string、number三者中的任意两种进行比较时，优先转化为数字进行比较

2、如果等号两边出现了null或undefine，null和undefine除了和自己相等，就彼此相等，null == undefined 为true

注：NaN == NaN //返回值为false、NaN和所以值包括自己都不相等