上一页 1 2 3 4 5 6 ··· 19 下一页
摘要: 收集表单数据: 若<input type="text"/>,则v-model收集的是value值,用户输入的就是value值 若<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值 若<input type="checkbox"/> 1、没有配 阅读全文
posted @ 2022-07-17 17:56 小罗要有出息 阅读(42) 评论(0) 推荐(0) 编辑
摘要: Vue监视数据的原理 1. vue会监视data中所有层次的数据 2. 如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据 1、对象中后追加的属性,Vue默认不做响应式 2、如需给后添加的属性做响应式,请用如下API: Vue.set(target,prope 阅读全文
posted @ 2022-07-17 16:19 小罗要有出息 阅读(139) 评论(0) 推荐(0) 编辑
摘要: v-for的基本使用 v-for指令: 1. 用于展示列表数据 2. 语法 :v-for="(item,index) in XXX" :key="YYY" 3. 可以遍历 :数组,对象,字符串(用的少),指定次数(用的少) <body> <div id="root"> <!-- 遍历数组 --> < 阅读全文
posted @ 2022-07-17 09:43 小罗要有出息 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 条件渲染: 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 小罗要有出息 阅读(20) 评论(0) 推荐(0) 编辑
摘要: Vue绑定样式 class样式(常用)前提是那些css样式需要事先写好 写法:class="XXX" XXX可以是字符串,对象,数组 字符串写法适用于: 类名不确定,要动态获取 数组写法适用于:要绑定多个样式,个数不确定,名字也不确定 对象写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用 阅读全文
posted @ 2022-07-16 17:41 小罗要有出息 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 监视属性 监视属性watch: 1.当被监视的属性发生变化时,回调函数自动调用,进行相关操作 2. 监视的属性必须存在,才能进行监视!! 3. 监视的两种写法: 1. new Vue时传入watch配置 2. 通过vm.$watch监视 new Vue时传入watch配置 watch:{ isHot 阅读全文
posted @ 2022-07-16 16:18 小罗要有出息 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 计算属性: 1. 定义:要用的属性不存在,要通过已有的(vue中的)属性计算得来 2. 原理: 底层使用了Object.definedproperty方法提供的getter和setter 3. get函数什么时候执行? 1. 初次读取时会执行一次 2. 当依赖的属性数据发生改变时会被再次调用 4. 阅读全文
posted @ 2022-07-16 13:26 小罗要有出息 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 事件处理 事件的基本使用: 1. 使用v-on:xxx 或 @xxx绑定事件,其中xxx是事件名 2. 事件的回调需要配置在methods对象中,最终会出现在vm上 3. methods中配置的函数,不要使用箭头函数,否则this就不是vm了 4. methods中配置的函数,都是被Vue所管理的函 阅读全文
posted @ 2022-07-16 11:35 小罗要有出息 阅读(624) 评论(0) 推荐(0) 编辑
摘要: Vue中的数据代理 通过vm对象来代理data对象中属性的操作(读/写) Vue中数据代理的好处 更加方便的操作data中的数据 基本原理 通过Object.defineProperty()把data对象中所有的属性添加到vm上 为每个添加到vm上的属性,都指定一个getter和setter 在ge 阅读全文
posted @ 2022-07-15 21:21 小罗要有出息 阅读(51) 评论(0) 推荐(0) 编辑
摘要: MVVM模型 M:模型(Model):data中的数据 V: 视图(View): 模板代码 VM:视图模型(View Model): Vue实例 我们可以打印一下vue实例 let vm = new Vue({ el:"#root", data(){ //data函数式写法 name:"彭可选" } 阅读全文
posted @ 2022-07-15 20:20 小罗要有出息 阅读(39) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 19 下一页