摘要: 顾名思义,监视一个属性的变化 需求 按照之前案例,isHot的值发生改动的时候 我需要知道这件事,isHot发生改变,就需要通知我 watch key值:你想监视的属性名(data配置项中的isHot) value值:对象类型 handler配置项 handler函数 isHot发生改变的时候调用 阅读全文
posted @ 2022-10-28 16:29 澜璨 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 需求 两个输入框 下方一个全名 要求输入框内容发生变化的时候,全名也跟着变化 用计算属性很快能写出来,我们先用插值语法和methods配置项完成 methods和插值语法 方法1 使用插值语法和methods配置项完成 思路 为input输入框绑定 按键监听事件@keyup OR @keydown 阅读全文
posted @ 2022-10-28 16:26 澜璨 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 在了解了关于js当中的Object.defineProperty()这个方法后,我们继续对vue当中的数据代理做一个基于现在的解析 建议观看之前先了解下js当中的Obejct.defineProperty() 链接地址 了解如何代理 准备工作 准备一个容器,供vue实例对象指定 在实例对象当中配置供 阅读全文
posted @ 2022-10-27 08:16 澜璨 阅读(434) 评论(0) 推荐(1) 编辑
摘要: 事件总结 事件修饰符连携 准备工作 html <!-- 定义一个容器 --> <div class="app"> <!-- 事件修饰符连携 --> <div class="box" @click="toBaidu"> <a href="https://www.baidu.com" @click.st 阅读全文
posted @ 2022-10-26 08:23 澜璨 阅读(42) 评论(1) 推荐(0) 编辑
摘要: 键盘事件 @keyup和@keydown keyup:按键弹起触发 keydown:键盘按下触发,一直按住一直触发 准备工作 那么针对keyup和keydown,我们可以设计单独的按键监听事件,也就是针对一个按键触发 别名 vue给常用的按键都起了别名 一共有9个 准备工作 <!-- 创建一个容器 阅读全文
posted @ 2022-10-26 08:21 澜璨 阅读(71) 评论(0) 推荐(0) 编辑
摘要: v-on指令 语法 v-on:xxx 这里的xxx指代的是各类事件类型,例如单击,双击,鼠标悬停,键盘监听等等...... 准备工作 准备一个容器,两个按钮,一个按钮不传递参数,另一个按钮传递参数 <body> <!-- 创建一个容器 --> <div class="subject"> <!-- 标 阅读全文
posted @ 2022-10-26 08:19 澜璨 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 概述 首先需要理解下什么是事件修饰符 常用事件修饰符 案例1_阻止默认行为发生 我这里有一个a标签 这个标签呢我会给它配置一个点击事件 点击事件输出一句话,那么效果是这样的 代码 <body> <!-- 定义一个容器 --> <div class="app"> <!-- 默认事件发生(常用) --> 阅读全文
posted @ 2022-10-26 08:16 澜璨 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 回顾 object.defineProperty() 方法 区别 defineProperty == 给对象定义属性用的 需要传递三个基本参数 需要定义属性的对象名 你要定义的属性叫什么名字(比如给person这个实体添加一个age属性) 配置项(对象类型的参数,里面存放键值对) <script> 阅读全文
posted @ 2022-10-22 09:33 澜璨 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 将来时态构成详解 使用助动词will构成的将来时态 一般将来时态 与一般过去时态相反(时间上) 如果说 一般过去,我们将其当做一张照片 从这张照片当中,我们无法得知 动作什么时候开始 什么时候结束 只知道这个动作发生过 使用规则 场景 描述:指将来某个时间点会发生的动作 将来的事情,谁能确定? 所以 阅读全文
posted @ 2022-10-14 19:37 澜璨 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 现在时态构成详解 一般现在时态 最容易构成的时态,直接加动词原形(字典当中显示的词条)就可以 第三人称"单数"的话需要加s 这是最容易出错的时态;容易将 现在的时间,和一般的状态;弄混 其实这个我觉得还好,通过之前的理解 例如第一句:并非是我正在吃胡萝卜,而是我吃胡萝卜(没有指明我到底正在吃,吃完了 阅读全文
posted @ 2022-10-14 19:36 澜璨 阅读(295) 评论(0) 推荐(0) 编辑