随笔分类 - vue框架学习
发表于 2022-11-03 08:17阅读：596评论：0推荐：3
摘要：通过上一节，我们知道了vue检测对象数据发生改变的原理 但是还有个api我们没有讲解，Vue.set()； 这个API比较适合在理解了对象检测的原理后进行讲解 案例准备 html <!-- 创建一个容器 --> <div class="app"> <h1>姓名：{{student.name}}</h
阅读全文 »
发表于 2022-11-02 17:20阅读：1571评论：0推荐：1
摘要：数据更新 关于监视 我们之前讲过，我们在data当中配置的属性，最终会挂载在vue实例身上，而data这个配置项，最终也会在vue身上成为一个新的属性 == _data 当我们在页面DOM当中，去使用data当中的属性的时候，属性值发生变化，页面是不是会自动更新？ 为什么会这样？ 你可以理解为 Vu
阅读全文 »
发表于 2022-11-02 17:17阅读：449评论：0推荐：0
摘要：列表排序 需求分析 针对上个案例，列表过滤，我们对其进行一个升级 添加三个按钮，按照年龄进行升序，降序，原顺序 上个案例参考链接 根据上个案例，我们这次采用 计算属性的 方式 进行实现 实现 逐步分析 html 首先我们需要构建下页面元素嘛 这个页面是由 一个输入框input，3个按钮，一个ul l
阅读全文 »
发表于 2022-10-29 15:05阅读：583评论：0推荐：1
摘要：列表过滤 需求分析 这里呢有张列表，假设这个列表有一百多条数据 当我在这个 搜索框当中 搜索 单个关键字的时候 （冬，周，伦），它能把带了这几个关键字的信息都给我罗列出来 跟数据库的 模糊查询类似 这个需求很常见，请你实现一下 上述这个需求，我们可以使用两种方式或者更多的方式实现，我们这里采用计算属
阅读全文 »
发表于 2022-10-28 16:33阅读：297评论：0推荐：1
摘要：key的作用 粗略的讲，key的作用就是给 节点 设置一个 唯一的标识 就像我们人类社会中，每个人的身份证号一样 在大部分对key要求不是很严格的场景下，使用index作为key是没问题的 但是我们本章要探讨的是，其他情况，可能会出现问题的情况 来看个例子 案例 这里呢，有个ul标签 在内部，li标
阅读全文 »
发表于 2022-10-28 16:31阅读：50评论：0推荐：0
摘要：需求 我们将计算属性的案例使用watch写一遍 需求一揽 两个输入框 下方一个全名 要求输入框内容发生变化的时候，全名也跟着变化 使用watch实现 自实现 既然要使用深度监视，那么我们就需要在data当中准备一个对象属性 我们的深度监视针对的就是这个fullName 我们在data当中定义另一个变
阅读全文 »
发表于 2022-10-28 16:29阅读：89评论：0推荐：0
摘要：顾名思义，监视一个属性的变化 需求 按照之前案例，isHot的值发生改动的时候 我需要知道这件事，isHot发生改变，就需要通知我 watch key值：你想监视的属性名（data配置项中的isHot） value值：对象类型 handler配置项 handler函数 isHot发生改变的时候调用
阅读全文 »
发表于 2022-10-28 16:26阅读：120评论：0推荐：0
摘要：需求 两个输入框 下方一个全名 要求输入框内容发生变化的时候，全名也跟着变化 用计算属性很快能写出来，我们先用插值语法和methods配置项完成 methods和插值语法 方法1 使用插值语法和methods配置项完成 思路 为input输入框绑定 按键监听事件@keyup OR @keydown
阅读全文 »
发表于 2022-10-27 08:16阅读：458评论：0推荐：1
摘要：在了解了关于js当中的Object.defineProperty()这个方法后，我们继续对vue当中的数据代理做一个基于现在的解析 建议观看之前先了解下js当中的Obejct.defineProperty() 链接地址 了解如何代理 准备工作 准备一个容器，供vue实例对象指定 在实例对象当中配置供
阅读全文 »
发表于 2022-10-26 08:23阅读：46评论：1推荐：0
摘要：事件总结 事件修饰符连携 准备工作 html <!-- 定义一个容器 --> <div class="app"> <!-- 事件修饰符连携 --> <div class="box" @click="toBaidu"> <a href="https://www.baidu.com" @click.st
阅读全文 »
发表于 2022-10-26 08:21阅读：86评论：0推荐：0
摘要：键盘事件 @keyup和@keydown keyup：按键弹起触发 keydown：键盘按下触发，一直按住一直触发 准备工作 那么针对keyup和keydown，我们可以设计单独的按键监听事件，也就是针对一个按键触发 别名 vue给常用的按键都起了别名 一共有9个 准备工作 <!-- 创建一个容器
阅读全文 »
发表于 2022-10-26 08:19阅读：47评论：0推荐：0
摘要：v-on指令 语法 v-on:xxx 这里的xxx指代的是各类事件类型，例如单击，双击，鼠标悬停，键盘监听等等...... 准备工作 准备一个容器，两个按钮，一个按钮不传递参数，另一个按钮传递参数 <body> <!-- 创建一个容器 --> <div class="subject"> <!-- 标
阅读全文 »
发表于 2022-10-26 08:16阅读：344评论：0推荐：0
摘要：概述 首先需要理解下什么是事件修饰符 常用事件修饰符 案例1_阻止默认行为发生 我这里有一个a标签 这个标签呢我会给它配置一个点击事件 点击事件输出一句话，那么效果是这样的 代码 <body> <!-- 定义一个容器 --> <div class="app"> <!-- 默认事件发生（常用） -->
阅读全文 »
发表于 2022-10-22 09:33阅读：271评论：0推荐：0
摘要：回顾 object.defineProperty() 方法 区别 defineProperty == 给对象定义属性用的 需要传递三个基本参数 需要定义属性的对象名 你要定义的属性叫什么名字（比如给person这个实体添加一个age属性） 配置项（对象类型的参数，里面存放键值对） <script>
阅读全文 »
