摘要: https://ustbhuangyi.github.io/vue-analysis/v2/prepare/ 阅读全文
posted @ 2023-03-01 14:57 不特别但唯一 阅读(19) 评论(0) 推荐(0) 编辑
摘要: vue通过原型拦截的方式重写了数组的7个方法,首先获取到这个数组的Observer。如果有新的值,就调用observeArray对新的值进行监听,然后调用notify,通知render watcher,执行update 核心:arrayMethods 首先继承了 Array,然后对数组中所有能改变数 阅读全文
posted @ 2023-02-28 17:28 不特别但唯一 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 首先要知道vue2 是2013年 基于 ES5开发出来的 我们常说的重渲染就是重新运行render函数 vue2响应式原理简单来说就是vue官网上的这图片 通过 Object.defineProperty 遍历对象的每一个属性,把每一个属性变成一个 getter 和 setter 函数,读取属性的时 阅读全文
posted @ 2023-02-28 14:11 不特别但唯一 阅读(1057) 评论(0) 推荐(0) 编辑
摘要: validateField 有些时候我们只需要验证表单中的部分字段,其他字段不需要,这时候我们就需要用validateField函数了,注意,这里有几个坑大家别踩了首先,我们得知道,使用validateField部分校验数组的时候,数组有几位,就会回调几次。当也就是空的时候,表示验证通过,回调返回为 阅读全文
posted @ 2023-02-28 13:59 不特别但唯一 阅读(965) 评论(0) 推荐(0) 编辑
摘要: 一、简介 v-model实现双向绑定的语法糖,常用于表单与组件之间的数据双向绑定. 二、表单实现双向绑定 1. 原理 分两步骤 v-bind绑定一个value属性 v-on指令给当前元素绑定input事件 可看出v-model绑定在表单上时,v-model其实就是v-bind绑定value和v-on 阅读全文
posted @ 2023-02-27 16:10 不特别但唯一 阅读(1156) 评论(0) 推荐(0) 编辑
摘要: query和params传参的时候,每一个参数应该以字符串形式传入,如果传一个对象,会被强制准转换为字符串[object Object],点击进入路由可以获取对象的值,但是刷新页面会导致获取不到对象值。我们可以通过JSON.stringify()解决问题 阅读全文
posted @ 2023-02-23 19:20 不特别但唯一 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 1.结论 key在Vue是DOM对象的标识;进行列表展示时,默认key是index;如果数据只做展示使用,使用index作为key是没有任何问题的;如果使用index作为key,而后续操作会破坏顺序,一定会带来效率问题,严重时会渲染出错误的DOM 2. key的作用 key就是一个标识,被使用在Vu 阅读全文
posted @ 2023-02-22 17:59 不特别但唯一 阅读(353) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是虚拟dom? 虚拟dom本质上是一个js对象,用来描述视图的界面结构,在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟dom树,这意味着每个组件都对应着一颗虚拟dom树 2. 为什么需要虚拟dom?在vue中,渲染视图会调用render函数,这种渲染不仅 阅读全文
posted @ 2023-02-22 17:51 不特别但唯一 阅读(243) 评论(0) 推荐(0) 编辑
摘要: Vue的生命周期Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识,以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、 阅读全文
posted @ 2023-02-22 17:37 不特别但唯一 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 定义 (1)由于 JavaScript 允许函数有不定数目的参数,所以需要一种机制,可以在函数体内部读取所有参数。这就是arguments对象的由来。 (2)arguments对象包含了函数运行时的所有参数,arguments[0]就是第一个参数,arguments[1]就是第二个参数,以此类推。这 阅读全文
posted @ 2023-02-21 11:50 不特别但唯一 阅读(86) 评论(0) 推荐(0) 编辑