首先，什么是Vue.js？Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层，不仅易于使用，而且易于与第三方库或现有项目集成。另一方面，当与现代工具链和各种支持库相结合时，Vue也完全有能力为复杂的单页应用程序提供支持。上一篇我们讲了基础，可以点这里：Vue学习笔记（上）。继续本文~2.Vue中样式类的第一种使用方式是传递数组。这里的class需要使用v-bind数据绑定；helloworld1!第二种使用方式是在数组中使用三元表达式；helloworld2!第三种使用方式是使用数组中的对象代替三元表达式，提高代码的可读性；helloworld3!当使用v-bind为类绑定对象时，对象的属性是类名。由于对象的属性可以引用也可以不引用，所以属性的值就是一个标识符；helloworld!css中的样式代码如下图：js中的代码如下图：效果图如下图：3.Vue中的样式：Vue中的样式是一种动态绑定风格，对象是一个不需要键值对的集合。第一种使用方式是将key-value对的对象写在data中，直接动态绑定；ThefirstH!!第二种使用方式是多个键值对对象，使用数组的方式，按顺序写；ThefirstH1!!js中代码如下：效果图如下：4、v-if和v-show中使用v-if的特点：每次都会删除或创建元素，具有较高的切换性能消耗。v-show的特点：每次不会重复DOM的删除和创建操作，但是会切换元素的display:none样式，初始渲染消耗大。v-if和v-show的使用：如果元素涉及频繁切换，最好不要使用v-if，而是使用v-show，如果元素可能永远不会被显示和用户看到，则使用v-如果。1.在html代码中，比如下面的代码：这个是通过v-if控制的元素这是一个由v-show控制的元素2.在data中定义一个flag，比如下面的代码；data(){return{flag:false,}}3、效果图如下：五、总结1、使用vue中的style类，有三种方式传递数组，数组中的三元表达式，和useanobjectinsteadofaternaryexpression，用于classV-bind绑定对象，对象的属性是类名，属性的值是标识符。2.使用vue中的style，vue中的style是动态绑定style的，对象是键值对的集合，数据直接动态绑定中有两种写键值对对象的方式，多个键值对对象使用数组依次写入。3、vue-show的本质是标签显示设置为none，控件隐藏。Vue-if动态地向DOM树添加或删除DOM元素。4.代码比较简单，希望对你有所帮助！本文转载自微信公众号“IT分享之家”，可通过以下二维码关注。转载本文请联系IT分享之家公众号。
