2021 年 10月随笔档案 - 我不想一直当菜鸟

13_总结Vue数据监测

摘要：总结： Vue监视数据的原理： 1.vue会监视data中所有层次的数据 2.如何监视对象中的数据？通过setter实现监视，且要在new Vue时就传入要检测的数据。（1）对象中后追加的属性，vue默认不做响应式的处理（2）如需给后添加的属性做响应式，请使用如下API: Vue.set(ta 阅读全文

posted @ 2021-10-31 17:40 我不想一直当菜鸟阅读(186) 评论(0) 推荐(0) 编辑

12_列表渲染

摘要：1.基本列表总结： v-for指令: 1.用于展示列表数据 2.语法：v-for=("item,index") in xxx" :key="yyy" 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）遍历数组遍历对象遍历字符串遍历指定次数 1 <!DOCTYPE html> 阅读全文

posted @ 2021-10-30 13:11 我不想一直当菜鸟阅读(38) 评论(0) 推荐(0) 编辑

11_条件渲染

摘要：总结：条件渲染： 1.v-if 写法：（1）v-if="表达式" （2）v-else-if="表达式" (3）v-else-if="表达式" 适用于：切换频率较低的场景特点：不展示DOM元素直接被移除注意：v-if可以和 v-else-if、v-else-if一起使用，但要求结构不能被“打断阅读全文

posted @ 2021-10-29 11:24 我不想一直当菜鸟阅读(44) 评论(0) 推荐(0) 编辑

10_绑定样式

摘要：总结：绑定样式： 1.class样式：写法：class="xxx",xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定。但并不确定用不用 2.style样式阅读全文

posted @ 2021-10-29 10:35 我不想一直当菜鸟阅读(43) 评论(0) 推荐(0) 编辑

watch对比computed

摘要：总结： computed和watch之间的区别： 1.computed能完成的功能，Watch都可以实现 2.watch能完成的功能，computed不一定能完成，比如：watch可以进行异步操作两个重要的小原则： 1.所被vue管理的函数，最好写成普通函数，这样this指代的才是vm或组件实例对阅读全文

posted @ 2021-10-28 19:10 我不想一直当菜鸟阅读(78) 评论(0) 推荐(0) 编辑

09_监视属性

摘要：1.天气案例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="vi 阅读全文

posted @ 2021-10-28 17:05 我不想一直当菜鸟阅读(41) 评论(0) 推荐(0) 编辑

08_计算属性

摘要：案例姓名拼接三种方法实现 1.通过插值语法实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 阅读全文

posted @ 2021-10-27 21:04 我不想一直当菜鸟阅读(47) 评论(0) 推荐(0) 编辑

07_事件的处理

摘要：1.事件的基本使用总结： 1.使用v-on：xxx或 @xxx绑定事件，其中xxx是事件名 2.事件的回调需要配置在methods对象中，最终会在vm上 3.methods中的配置函数，不要用箭头函数！否则this就不是vm了 4.methods中的配置函数，都是被Vue所管理的函数，this的指阅读全文

posted @ 2021-10-27 11:04 我不想一直当菜鸟阅读(41) 评论(0) 推荐(0) 编辑

06_数据代理

摘要：总结： 1.Vue中的数据代理通过vm对象来代理data对象中属性的操作（读/写） 2.Vue中数据代理的好处：更加方便的操作data中的数据 3.基本原理：通过Object.defineProperty()把data对象中的所有属性添加到vm上为每一个添加到vm中的属性，都指定一个gette 阅读全文

posted @ 2021-10-26 19:51 我不想一直当菜鸟阅读(53) 评论(0) 推荐(0) 编辑

05_理解MVVM模型

摘要：总结： MVVM模型： 1.M:模型（Model）:data中是的数据 2.V:视图（View）：模板代码 3.VM:视图模型（ViewModel）:Vue实例观察发现： 1.data中所有属性，最后都出现在vm身上 2.vm身上的所有属性，及Vue原型上所有属性，在Vue模板中都可以直接使用整阅读全文

posted @ 2021-10-26 15:09 我不想一直当菜鸟阅读(52) 评论(0) 推荐(0) 编辑

04_el和data的两种写法

摘要：总结： data与el的两种写法 1.el的两种写法（1）new Vue时需要配置el属性；（2）先创建Vue实例，然后再通过vm.$mount('#root')指定el的值 2.data的两种写法 (1)对象式 (2)函数式注意：在运用组件时，data必须使用函数式，否则会报错。 3.一个重阅读全文

posted @ 2021-10-26 13:32 我不想一直当菜鸟阅读(79) 评论(0) 推荐(0) 编辑

Html的基础知识

摘要：1.初始html 1  2 <!DOCTYPE html> 3 <html lang="en"> 4  5 <head> 6  7 <!- 阅读全文

posted @ 2021-10-25 23:39 我不想一直当菜鸟阅读(223) 评论(0) 推荐(0) 编辑

03_数据绑定

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" 阅读全文

posted @ 2021-10-25 18:04 我不想一直当菜鸟阅读(42) 评论(0) 推荐(0) 编辑

02_Vue模板语法

摘要：Vue模板语法有2大类： 1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js的表达式，且可以直接读取到data中的所有属性 2.指令语法：功能：用于解析标签（包括标签属性、标签体内容、绑定事件....）举例：v-bind:href ="xxx"或简写为 :href=" 阅读全文

posted @ 2021-10-25 10:50 我不想一直当菜鸟阅读(52) 评论(0) 推荐(0) 编辑

01_Vue技术-Hello案例分析

摘要：初始vue: 1.想让vue工作，就必须创建一个Vue实例，且要传入一个配置对象； 2.root容器里的代码依然符合html规范，只不过混入了一些特殊的vue语法； 3.root容器里的代码被称为【Vue模板】； 4.Vue实例和容器是一一对应的； 5.真实开发中只有一个vue实例，并且会配合一些组阅读全文

posted @ 2021-10-25 09:44 我不想一直当菜鸟阅读(52) 评论(0) 推荐(0) 编辑

力扣645(java)-错误的集合（简单）

摘要：题目：集合 s 包含从 1 到 n 的整数。不幸的是，因为数据错误，导致集合里面某一个数字复制了成了集合里面的另外一个数字的值，导致集合丢失了一个数字并且有一个数字重复。给定一个数组 nums 代表了集合 S 发生错误后的结果。请你找出重复出现的整数，再找到丢失的整数，将它们以数组的形阅读全文

posted @ 2021-10-19 19:46 我不想一直当菜鸟阅读(52) 评论(0) 推荐(0) 编辑

力扣628(java)-三个数的最大乘积（简单）

摘要：题目：给你一个整型数组 nums ，在数组中找出由三个数组成的最大乘积，并输出这个乘积。示例 1：输入：nums = [1,2,3]输出：6示例 2：输入：nums = [1,2,3,4]输出：24示例 3：输入：nums = [-1,-2,-3]输出：-6 提示： 3 <= nums.l 阅读全文

posted @ 2021-10-18 10:21 我不想一直当菜鸟阅读(204) 评论(0) 推荐(0) 编辑

力扣414(java)-第三大的数（简单）

摘要：题目：给你一个非空数组，返回此数组中第三大的数。如果不存在，则返回数组中最大的数。示例 1：输入：[3, 2, 1]输出：1解释：第三大的数是 1 。示例 2：输入：[1, 2]输出：2解释：第三大的数不存在, 所以返回最大的数 2 。示例 3：输入：[2, 2, 3, 1]输出：1解阅读全文

posted @ 2021-10-17 21:02 我不想一直当菜鸟阅读(200) 评论(0) 推荐(0) 编辑

力扣495(java)-提莫攻击（简单）

摘要：题目：在《英雄联盟》的世界中，有一个叫 “提莫” 的英雄，他的攻击可以让敌方英雄艾希（编者注：寒冰射手）进入中毒状态。现在，给出提莫对艾希的攻击时间序列和提莫攻击的中毒持续时间，你需要输出艾希的中毒状态总时长。你可以认为提莫在给定的时间点进行攻击，并立即使艾希处于中毒状态。示例1: 输入: [ 阅读全文

posted @ 2021-10-16 21:18 我不想一直当菜鸟阅读(66) 评论(0) 推荐(0) 编辑

力扣485(java)-最大连续数1的个数（简单)

摘要：题目：给定一个二进制数组，计算其中最大连续 1 的个数。示例：输入：[1,1,0,1,1,1]输出：3解释：开头的两位和最后的三位都是连续 1 ，所以最大连续 1 的个数是 3. 提示：输入的数组只包含 0 和 1 。输入数组的长度是正整数，且不超过 10,000。来源：力扣（LeetC 阅读全文

posted @ 2021-10-15 17:33 我不想一直当菜鸟阅读(78) 评论(0) 推荐(0) 编辑

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

推荐排行榜