Vue模板语法、属性绑定、条件渲染的学习

Vue模板语法：
使用插值表达式的内容必须是有结果的内容才可以，就是需要return出来的才可以显示出来。
插值表达式所表现的内容为纯文本模式
如何避免
即所有的逻辑操作都在js里面实现，不要再templete中实现可以完美的避免这个问题。

Vue属性绑定
1.使用v-bind 进行属性绑定 语法：v-bind：class/id =“名称”
2.对于v-bind是将属性进行绑定，如果属性的结果是null或者undefined则会自动将其删除不进行显示
3.v-bind有一种简写模式 直接使用：即可代替 v-bind
4.也可以使用布尔类型的 true false
5.动态绑定多个值：在数组中新建一个对象，v-bind绑定一个对象的明成即可完成

Vue中的条件渲染
1.有四个指令 v-if v-else v-else-if v-show
v-if:条件性的渲染一块内容 只在结果为真的时候才显示
v-else:是不需要绑定其他内容的了
v-else-if：是用来判断多个条件的 v-else-if可以多次使用
v-show：是按照条件进行显示的

## v-if和v-show的区别

v-if适用于少次切换的 v-show 适用于频繁切换的 改变的是class的属性display