发表于: 2019-12-24 16:59:49
1 1154
今天完成的事情
今天主要做的继续学习vue的框架内容。主要是学习了vue的样式绑定,条件渲染,列表渲染还有set的方法使用。在样式绑定中主要是介绍了通过class类名或是style外联的方式采取赋值true或false的用法对其进行样式上的赋予。操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind
处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在用于 class
和 style
时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。
条件渲染的使用即为v-if和v-else同时还有v-else-if,同时产生的例子是让一个标签消失的形式选择if中的条件是true或着false。在这项内容中还引申出了v-show的使用,他与v-if都能让元素消失不过有一个最大的不同就是v-if他是彻底的清除了结构中的标签,而v-show的使用仅仅是让div的标签做出一个display:none的动作。文档中讲述若一个标签只需消失一两次,那么就可以采取v-if的方法,若是需要频繁的显示隐藏那么采取使用v-show的方式会更好一些。
列表渲染项即为我们使用的v-for的循环展示方式。并且提醒到我们需要改变其中 的内容要求的话正常是使用数组中的常用方法进行对其中的列表进行显示。
明天完成的工作
明天做的工作深入学习vue组件的内容
评论