学习Vue的绑定样式和条件渲染总结

今天学习了Vue的绑定样式和条件渲染，先说绑定样式，它可以通过Vue提供的语法来给标签绑定样式，这里面的样式可以叠加，样式的写法也有几种，当类名确定需要动态取的时候就用字符串的写法，如果要绑定多个样式但不确定多少个的时候就使用对象的写法，最后就是数组的写法，它是应用在要绑定多个样式，但是已经确定需要绑定样式的个数时，只是不知道绑定的样式中要使用哪个时就使用数组的写法。再说到条件渲染，它和我们传统的js中if、else语句的使用很相似，但它是写在Vue容器的html标签里面，判断是否渲染主要有两种方法，一种是v-if，一种是v-show，一般先看判断是否单一，如果单一的话就使用v-show，如果需要多层判断的话就使用v-if，因为v-if可以配合着v-else-if和v-else使用，这样就可以实现多个判断的需求，还有一种区分选择使用哪个的方法就是看切换的频率是否频繁，如果频繁就使用v-show，因为它是不移除DOM元素的，只是通过display属性来控制是否隐藏，而v-if是直接移除不展示的DOM元素。最后还学习到一个template标签，这个标签可以用来包住你想展示的标签，然后把判断语句写在最外层的template标签里面，条件成立需要渲染时，template标签是不会展示的，会脱离掉自身只留下自己标签里面的标签。