vue
糊涂面疙瘩
这个作者很懒,什么都没留下…
展开
-
谈谈你对生命周期的理解?在created和mounted这两个生命周期中请求数据有什么区别呢?
一、什么是生命周期? 我理解的生命周期就是:从出生到死亡的过程 二、生命周期有哪些? Vue生命周期总共可以分为8个阶段:创建前后, 载入前后,更新前后,销毁前销毁后 生命周期 描述 beforCreate 组件实例被创建之前 Created 组件梳理被创建完成 beforMount 组件被挂载之前 Mounted 组件挂载完成 beforeUpdate 组件数据更新之前 Updated 件数据更新之完成 beforeDestroy 组件被销毁之前 Destro原创 2021-11-24 16:49:11 · 3078 阅读 · 0 评论 -
vue中为什么不建议v-if 和v-for一起使用?
一、作用 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组或者对象,而 item 则是被迭代的数组元素的别名 在 v-for 的时候,建议设置key值,并且保证每个key值是独一无二的,这便于diff原创 2021-11-03 17:21:00 · 242 阅读 · 0 评论 -
vue的响应式原理是怎样实现的?
Vue 的异步更新机制的核心是利用了浏览器的异步任务队列来实现的,首选微任务队列,宏任务队列次之。 当响应式数据更新后,会调用 dep.notify 方法,通知 dep 中收集的 watcher 去执行 update 方法,watcher.update 将 watcher 自己放入一个 watcher 队列(全局的 queue 数组)。 然后通过 nextTick 方法将一个刷新 watcher 队列的方法(flushSchedulerQueue)放入一个全局的 callbacks 数组中。 如果此时浏览器原创 2021-07-23 17:18:47 · 241 阅读 · 0 评论 -
Vue 的异步更新机制是如何实现的?
响应式的核心是通过 Object.defineProperty 拦截对数据的访问和设置 响应式的数据分为两类: 2.1:对象,循环遍历对象的所有属性,为每个属性设置 getter、setter,以达到拦截访问和设置的目的,如果属性值依旧为对象,则递归为属性值上的每个 key 设置 getter、setter 2.1.1访问数据时(obj.key)进行依赖收集,在 dep 中存储相关的 watcher 2.1.2设置数据时由 dep 通知相关的 watcher ..原创 2021-07-18 15:07:16 · 688 阅读 · 0 评论 -
关于vue创建项目流程
vue-cli脚手架 安装命令 第一步 全局安装webpack环境 npm install -g webpack 第二步 全局安装 vue-cli 脚手架环境 npm isntall -g vue-cli (2.x版本的脚手环境) 最新版脚手架命令 npm install -g @vue/cli 第三步创建项目命令(在项目目录下去创建) vue init webpack myapp(项目名称) 第四步 启动项目 进入到项目文件夹中 cd myapp npm run dev 或者 npm s原创 2021-07-06 14:15:34 · 95 阅读 · 0 评论 -
vue + element table表格合并相同字段
实现如下效果: 实现方法如下图 1.在表头定义一个方法 2.在methods里定义 表头处理方法 和合并处理方法 3.最后一步 在成功请求接口并获取到数据的时候调用合并处理方法,即可完成 如有问题敬请大佬指正,再此不胜感激 ...原创 2021-05-27 14:59:58 · 409 阅读 · 0 评论