摘要: checkbox选中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>checkbox</title> <script src="https://cdn.bootcdn.net/ajax/libs/vue/2 阅读全文
posted @ 2022-04-12 18:33 那就凑个整吧 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 数据双向绑定 v-model的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/v 阅读全文
posted @ 2022-04-12 18:28 那就凑个整吧 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 事件释义 input 当输入框进行输入的时候 触发的事件 change 当元素的值发生改变时 触发的事件 blur 当输入框失去焦点的时候 触发的事件 change 和 blur 最本质的区别: 如果输入框为空,失去焦点后,change不会触发,但是blur会触发 过滤案例 <!DOCTYPE ht 阅读全文
posted @ 2022-04-12 18:24 那就凑个整吧 阅读(37) 评论(0) 推荐(0) 编辑
摘要: v-if+v-for+v-else控制购物车商品的显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-if + v-for + v-else控制购物车商品的显示</title> <script src= 阅读全文
posted @ 2022-04-12 18:17 那就凑个整吧 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 指令释义 v-if 相当于: if v-else 相当于:else v-else-if 相当于:else if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>if、else if、else</title> 阅读全文
posted @ 2022-04-12 18:06 那就凑个整吧 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 数据的绑定 语法: :属性名=js变量/js语法 :class=’js变量、字符串、js数组’ class:三目运算符、数组、对象{red: true} :style=’js变量、字符串、js数组’ style:三目运算符、数组[{backgreound: ‘red’},]、对象{backgroun 阅读全文
posted @ 2022-04-12 18:05 那就凑个整吧 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 指令释义 v-bind 直接写js的变量或语法(不推荐) : 直接写js的变量或语法(推荐) v-bind:class=’js变量’可以缩写成::class=’js变量’ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2022-04-12 18:01 那就凑个整吧 阅读(29) 评论(0) 推荐(0) 编辑