当前位置: 首页 > 后端技术 > Python

Vue学习笔记(下)_0

时间:2023-03-26 14:19:55 Python

1.什么是Vue.js?Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同,Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层,不仅易于使用,而且易于与第三方库或现有项目集成。另一方面,当与现代工具链和各种支持库相结合时,Vue也完全有能力为复杂的单页应用程序提供支持。上一篇我们讲了基础,可以点这里:Vue的学习笔记(上)。这篇文章继续吧~2.Vue中样式类的第一种使用方式是传递一个数组。这里的类需要使用v-bind数据绑定;你好world1!第二种使用方式是在数组中使用三元表达式;你好world2!第三种使用方式是使用数组中的对象代替三元表达式,提高代码的可读性;你好world3!当使用v-bind为类绑定对象时,对象的属性是类名。由于对象的属性可以被引用也可以不被引用,所以属性的值就是一个标识符;你好,世界!css中的样式代码如下图:js中的代码如下图:效果图如下图:3.Vue中的样式:Vue中的样式是一种动态绑定风格,对象是一个不需要键值对的集合。第一种使用方式是将key-value对的对象写在data中,直接动态绑定;第一个H!!第二种使用方式是将多个键值对对象依次写在一个数组中;第一个H1!!js中代码如下:效果图如下:4.v-if的v-if的使用特点而v-show:每次都会删除或创建元素,切换性能消耗大。v-show的特点:每次不会重复DOM的删除和创建操作,但是会切换元素的display:none样式,初始渲染消耗大。v-if和v-show的使用:如果元素涉及频繁切换,最好不要使用v-if,而是使用v-show,如果元素可能永远不会被显示和用户看到,则使用v-如果。1.在html代码中,比如下面的代码:2.在data中定义一个flag,比如下面的代码;数据(){3。效果图如下:五、总结1、使用vue中的style类,传递数组,数组中三元表达式,使用对象代替三元表达式三种方式。使用vforclass-bind绑定对象,对象属性是一个类名,属性的值是一个标识符。2.使用vue中的style,vue中的style是动态绑定style的,对象是键值对的集合,数据直接动态绑定中有两种写键值对对象的方式,多个键值对对象使用数组依次写入。3、vue-show的本质是标签显示设置为none,控件隐藏。Vue-if动态地向DOM树添加或删除DOM元素。4.代码比较简单,希望对你有帮助!想深入了解Python网络爬虫和数据挖掘,可以去专业网站:http://pdcfighting.com/想深入了解Python网络爬虫和数据挖掘,可以去专业网站:http://pdcfighting.com/网站:http://pdcfighting.com/