
Vue
小白丶菜狗
这个作者很懒,什么都没留下…
展开
-
Vue2成绩案例
成绩案例原创 2024-07-23 13:55:15 · 305 阅读 · 0 评论 -
Vue2中的计算属性的完整写法
计算属性的默认的简写,只读取访问,的话,需要写计算属性的。原创 2024-07-22 14:14:21 · 837 阅读 · 0 评论 -
Vue2中的computed 计算属性 VS method方法区别
再次使用直接读取缓存,依赖项变化了,会。作为属性,直接使用->作为方法,需要调用->计算属性会对计算出来的。作用:封装了一段对于。作用:给实例提供一个。原创 2024-07-22 13:43:47 · 391 阅读 · 0 评论 -
Vue2中的v-model的表单元素绑定
常用的表单元素是可以用v-model来绑定关联 ->快速获取或设置表单元素的值。它会根据控件的类型自动选择正确的方法来更新元素。原创 2024-07-16 14:06:02 · 378 阅读 · 0 评论 -
Vue2中的进度条案例
语法: :style = “样式对象”适用于某个具体属性的动态设置。原创 2024-07-15 14:26:34 · 590 阅读 · 0 评论 -
Vue2-案例tab切换栏高亮
【代码】Vue2-案例tab切换栏高亮。原创 2024-07-14 15:19:08 · 323 阅读 · 0 评论 -
Vue2中的v-bind对于样式控制的增强-操作class
对象-》键就是类名,值是Boolean值。如果为true表示有这个类,否则没有。数组-》数组中所有的类都会加到盒子身上,本质是一个class列表。语法 ::class="对象或者数组“原创 2024-07-14 14:41:47 · 226 阅读 · 0 评论 -
Vue2中的指令修饰符
v-model修饰符:v-model.trim ->去除首尾空格;v-model.number->转数字。通过“ . ”指明一些指令后缀,不同后缀封装了不同的处理操作 -》简化代码。按键修饰符:@keyup.enter -> 键盘回车监听。事件修饰符:@事件名.stop ->阻止冒泡。@事件名.prevent ->阻止默认行为。原创 2024-07-14 14:24:04 · 543 阅读 · 0 评论 -
Vue2中的v-model
作用:给表单元素使用,双向数据绑定 ->可以快速获取或设置表单元素内容。语法:v-model = ‘变量’数据变化->视图自动更新。视图变化->数据自动更新。原创 2024-07-12 22:16:54 · 477 阅读 · 0 评论 -
Vue2中的key
推荐使用id作为key(唯一),不推荐使用index作为key(会变化,不对应)key的值只能说字符串或数字类型。v-for的默认行为会尝试。便于Vue进行列表项的。key的值必须具有唯一性。作用:给列表项添加的。原创 2024-07-12 21:59:54 · 267 阅读 · 0 评论 -
Vue2 的图书管理案例(只有删除)
【代码】Vue2 的图书管理案例(只有删除)原创 2024-07-12 21:43:17 · 1386 阅读 · 0 评论 -
Vue2中的v-for
Vue2中的v-for。原创 2024-07-12 15:30:59 · 684 阅读 · 0 评论 -
Vue2切换图片小案例
Vue2切换图片小案例。原创 2024-07-12 15:11:14 · 640 阅读 · 0 评论 -
Vue2中的v-bind
src、url、title等。语法:v-bind:属性名="作用:动态的设置html的。原创 2024-07-12 14:49:43 · 331 阅读 · 0 评论 -
VUE中的v-on
② v-on:事件名="methods中的函数名"作用:注册事件=“添加监听+提供逻辑处理”① v-on:事件名="内联语句"原创 2024-07-11 15:35:41 · 698 阅读 · 0 评论 -
Vue2中的v-else OR v-else-if
语法:v-else v-else-if="注意:使用时记得紧挨着v-if使。作用:辅助v-if进行判断渲染。原创 2024-07-10 15:03:20 · 314 阅读 · 0 评论 -
Vue2中的v-show OR v-if的区别
作用:控制元素显示隐藏语法:v-show=“",表达式值来控制显示隐藏场景:频繁切换显示隐藏的场景。原创 2024-07-10 14:44:10 · 239 阅读 · 0 评论