lh_lh_24

Vue

CSS(34) HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) 前端工程化(14) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

全部文章 / Vue （共13篇）

Vue 的性能优化来自专栏

Vue 的性能优化 1. 编码阶段尽量减少 data 中的数据，data 中的数据都会增加 getter 和 setter，会收集对应的 watcher； v-if 和 v-for 不能连用；如果需要使用 v-for 给每项元素绑定事件时使用事件代理； SPA 页面（单页面应用）采用 keep...

前端 Vue 性能优化

2021-08-13

2 531

Vue 中v-for和v-if 来自专栏

Vue 中v-for和v-if 1. v-for和v-if的渲染优先级首先：永远不要把 v-if 和 v-for 同时用在同一个元素上。其次：当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，这句话代表着，当 v-if 和 v-for 同时出现。渲染函数会先执行到 v-for。...

前端 Vue

2021-08-09

1 1177

Vue 组件中的data为什么是函数来自专栏

Vue 组件中的data为什么是函数参考：https://blog.csdn.net/qq_42072086/article/details/108060494 1. 总结（1）vue 中组件是用来复用的，为了防止 data 复用，将其定义为函数。（2）vue 组件中的 data 数据都应...

前端 Vue

2021-08-09

1 584

Vue 插槽来自专栏

Vue 插槽参考：https://zhuanlan.zhihu.com/p/114502325 1. 具名插槽子组件：component3 <template> <div class="button"> <button>插槽...

前端 Vue

2021-08-04

1 454

diff 算法来自专栏

diff 算法参考：https://www.infoq.cn/article/uDLCPKH4iQb0cR5wGY7f 1. 概念概念：diff 算法是一种优化手段，将前后两个模块进行差异化对比，修补（更新）差异的过程叫做patch（打补丁）为什么 vue，react 这些框架中都会有...

前端 Vue

2021-08-02

1 607

Vue常见指令来自专栏

Vue常见指令参考：https://www.cnblogs.com/cl1998/p/14518004.html this.$el 根元素（真实的DOM元素） this.$el.innerHTML 得到根元素（真实的DOM元素）中的内容

前端 Vue

2021-07-21

1 294

Proxy和Object.defineProperty 来自专栏

Proxy和defineProperty 1. Object.defineProperty 用于监听对象的数据变化 1.1 语法 Object.defineproperty(obj, key, descriptor) let obj = { age: 11 } let value = 'xi...

前端 Vue

2021-07-20

1 554

Vue created 和 mounted 来自专栏

Vue created 和 mounted 一般在 created（或beforeRouter）里面请求数据就可以，如果涉及到需要页面加载完成之后的话就用mounted。在 created 的时候，视图中的 html 并没有渲染出来，所以此时如果直接去操作 html 的 dom节点，一定找不到相...

前端 Vue

2021-07-14

1 414

Vue 3.0 来自专栏

Vue 3.0 1. 性能比 2.0 快 1.1 优化 diff 算法在 vue2 中，虚拟 dom 是全量比较的；vue3 中是增量比较的。在 vue3 中，增加了静态标记 PatchFlag 。在创建 vnode 的时候，会根据 vnode 的内容是否可以变化，为其添加静态标记 PatchF...

前端 Vue

2021-07-14

1 565

Vue.delete和delete 来自专栏

Vue.delete和delete 1. delete 只是被删除数组成员变为 empty / undefined，其他元素键值不变 2. Vue.delete 直接删了数组成员，并改变了数组的键值（对象是响应式的，确保删除能触发更新视图，这个方法主要用于避开 Vue 不能检测到属性被删除的限制）

前端 Vue

2021-07-14

0 382