摘要: 和class绑定差不多,用来操作动态css 实际上,了解即可,实际应用还是 class 绑定居多 :style="" 绑定对象 绑定数组(不推荐) 阅读全文
posted @ 2023-10-16 23:06 被占用的小海海 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 初学阶段,这玩意看得懂就行了 目的:操作class属性,与css 配合使用 对象绑定: 单个对象: :class={ } 多个对象: :class="ObjectClass" 数组绑定 :class=[] 对象与数组的结合使用 只能数组嵌套对象,不能反着来 阅读全文
posted @ 2023-10-16 22:46 被占用的小海海 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 复杂的逻辑表达式不要在模板上写,通过 “计算属性”:computed: 。 和 method 的区别 <template> <h3>计算属性</h3> <p>{{ msg "zhan" ? 'yes':'no' }}- 模块内的运算</p> <p>{{ name }}- 计算属性</p> <p>{{ 阅读全文
posted @ 2023-10-16 22:07 被占用的小海海 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 这节课讲的是 数组的变化的 两种情况 1.变更:可以自动更新UI 2.替换数组 <template></template> <h3>数组变化侦听</h3> <button @click="AddArrayList">数组添加元素</button> <p v-for="(item,index) of 阅读全文
posted @ 2023-10-16 21:39 被占用的小海海 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 简化代码 事件修饰符:也是事件处理的代码 @click.prevent : .prevent 阻止默认事件 .stop阻止冒泡事件(就是内外元素触发事件的问题) 阅读全文
posted @ 2023-10-16 21:32 被占用的小海海 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 没什么多余的,就是带有参数的时候,传递对象注意点 AddCount(count,$event) 对应 AddCount(count,e) 阅读全文
posted @ 2023-10-16 16:55 被占用的小海海 阅读(5) 评论(0) 推荐(0) 编辑
摘要: <template> <!-- 内联事件处理器 ,很少用 --> <h3>内联事件处理器</h3> <button v-on:click="count++">内联事件处理器</button> <p>{{ count }}</p> <!-- 方法事件处理器 ,常用 --> <h3>方法事件处理器</h 阅读全文
posted @ 2023-10-16 16:46 被占用的小海海 阅读(5) 评论(0) 推荐(0) 编辑