摘要: 条件渲染: 1. v-if 写法: v-if="表达式" v-else-if="表达式" v-else="表达式" 适用于:切换频率较低的场景 特点:不展示的DOM元素直接移除 注意: 1.v-if可以和v-else-if.v-else一起使用,但要求结构不能被“打断” 2.v-if可以配合temp 阅读全文
posted @ 2022-07-16 21:52 小罗要有出息 阅读(22) 评论(0) 推荐(0) 编辑
摘要: Vue绑定样式 class样式(常用)前提是那些css样式需要事先写好 写法:class="XXX" XXX可以是字符串,对象,数组 字符串写法适用于: 类名不确定,要动态获取 数组写法适用于:要绑定多个样式,个数不确定,名字也不确定 对象写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用 阅读全文
posted @ 2022-07-16 17:41 小罗要有出息 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 监视属性 监视属性watch: 1.当被监视的属性发生变化时,回调函数自动调用,进行相关操作 2. 监视的属性必须存在,才能进行监视!! 3. 监视的两种写法: 1. new Vue时传入watch配置 2. 通过vm.$watch监视 new Vue时传入watch配置 watch:{ isHot 阅读全文
posted @ 2022-07-16 16:18 小罗要有出息 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 计算属性: 1. 定义:要用的属性不存在,要通过已有的(vue中的)属性计算得来 2. 原理: 底层使用了Object.definedproperty方法提供的getter和setter 3. get函数什么时候执行? 1. 初次读取时会执行一次 2. 当依赖的属性数据发生改变时会被再次调用 4. 阅读全文
posted @ 2022-07-16 13:26 小罗要有出息 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 事件处理 事件的基本使用: 1. 使用v-on:xxx 或 @xxx绑定事件,其中xxx是事件名 2. 事件的回调需要配置在methods对象中,最终会出现在vm上 3. methods中配置的函数,不要使用箭头函数,否则this就不是vm了 4. methods中配置的函数,都是被Vue所管理的函 阅读全文
posted @ 2022-07-16 11:35 小罗要有出息 阅读(626) 评论(0) 推荐(0) 编辑