- 博客(51)
- 收藏
- 关注
原创 Vue2中的computed 计算属性 VS method方法区别
再次使用直接读取缓存,依赖项变化了,会。作为属性,直接使用->作为方法,需要调用->计算属性会对计算出来的。作用:封装了一段对于。作用:给实例提供一个。
2024-07-22 13:43:47
371
原创 Vue2的计算属性
概念:基于现有的数据进行计算出新的数据。依赖的数据变化,自动重新计算。声明在computed配置项中,一个计算属性对应的是一个函数。使用起来跟普通属性一样{{计算属性名}}
2024-07-16 14:26:29
332
原创 Vue2中的v-model的表单元素绑定
常用的表单元素是可以用v-model来绑定关联 ->快速获取或设置表单元素的值。它会根据控件的类型自动选择正确的方法来更新元素。
2024-07-16 14:06:02
356
原创 Vue2中的v-bind对于样式控制的增强-操作class
对象-》键就是类名,值是Boolean值。如果为true表示有这个类,否则没有。数组-》数组中所有的类都会加到盒子身上,本质是一个class列表。语法 ::class="对象或者数组“
2024-07-14 14:41:47
211
原创 Vue2中的指令修饰符
v-model修饰符:v-model.trim ->去除首尾空格;v-model.number->转数字。通过“ . ”指明一些指令后缀,不同后缀封装了不同的处理操作 -》简化代码。按键修饰符:@keyup.enter -> 键盘回车监听。事件修饰符:@事件名.stop ->阻止冒泡。@事件名.prevent ->阻止默认行为。
2024-07-14 14:24:04
512
原创 Vue2中的v-model
作用:给表单元素使用,双向数据绑定 ->可以快速获取或设置表单元素内容。语法:v-model = ‘变量’数据变化->视图自动更新。视图变化->数据自动更新。
2024-07-12 22:16:54
454
原创 Vue2中的key
推荐使用id作为key(唯一),不推荐使用index作为key(会变化,不对应)key的值只能说字符串或数字类型。v-for的默认行为会尝试。便于Vue进行列表项的。key的值必须具有唯一性。作用:给列表项添加的。
2024-07-12 21:59:54
250
原创 VUE中的v-on
② v-on:事件名="methods中的函数名"作用:注册事件=“添加监听+提供逻辑处理”① v-on:事件名="内联语句"
2024-07-11 15:35:41
683
原创 Vue2中的v-else OR v-else-if
语法:v-else v-else-if="注意:使用时记得紧挨着v-if使。作用:辅助v-if进行判断渲染。
2024-07-10 15:03:20
301
原创 Vue2中的v-show OR v-if的区别
作用:控制元素显示隐藏语法:v-show=“",表达式值来控制显示隐藏场景:频繁切换显示隐藏的场景。
2024-07-10 14:44:10
226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人