前端技术栈

前端技术栈

前端技术栈

Vue前端技术栈：Vue / Vue CLI / Vue Router/ Vuex / Axios / JavaScript / TypeScript / HTML / CSS / Element UI / Node.js / Nuxt.js

等 1 人订阅共36篇文章创建于2024-03-05

Vue2-$mount与$destroy

$mount 是 Vue 实例的一个方法，用于手动将 Vue 实例挂载到指定的元素上。$destroy 是 Vue 实例的一个方法，用于手动销毁 Vue 实例。

1年前
498
点赞
评论

Vue2-$nextTick执行流程与实现原理

nextTick是Vue.js提供的一个方法，用于在下次DOM更新循环结束之后执行延迟回调，使用Vue.nextTick()或者this.$nextTick()都是调用nextTick()方法。

1年前
56
点赞
评论

Vue2-$set和$delete操作对象属性

在 Vue.js 中，$set 和 $delete 是用于在响应式对象上添加或删除属性的方法。$set 方法用于向响应式对象添加新属性或修改已有属性。$delete 方法用于从响应式对象中删除属性

1年前
657
2
评论

Vue2-$watch监听器

$watch 是一个实例方法，用于监视 Vue 实例中数据的变化。它的返回值是一个取消监听的函数，接受三个参数：要监视的属性或表达式；回调函数；配置参数，配置参数，immediate 与 deep

1年前
462
点赞
评论

Vue2-Vue.extend与$mount

Vue.extend(options) 是 Vue.js 中的一个全局方法，用于创建可复用的组件构造器。可以通过调用 `Vue.extend(options)` 并定义组件的各种选项来生成一个子类。

1年前
54
点赞
评论

Vue2-hash与history路由模式

路由有两种模式：一种是 hash 模式、另一种是 history 模式，在使用 vue-cli 以及 vue-router 默认搭建的 Vue 项目，若不做特殊的配置，默认就是 hash 模式。

1年前
661
1
评论

Vue2-动态组件component和keep-alive

component 是 Vue 的内置标签，可作为组件的占位符，配合is属性可以实现组件的动态切换。keep-alive 是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁。

1年前
46
点赞
评论

Vue2-内置指令

Vue.js 中内置指令的有：v-text、v-html、v-bind、v-on、v-model、v-for、v-if、v-else-if、v-else、v-show、v-cloak、v-pre...

1年前
73
点赞
评论

Vue2-内置属性与方法

Vue中内置方法和属性都是以 `$` 开头，这只是 Vue 的命名规则，为了区分普通变量属性，避免我们自己声明或者添加自定义属性导致覆盖。

1年前
64
点赞
评论

Vue2-diff算法之updateChildren方法

updateChildren 方法通常用于虚拟 DOM diff 算法中，用于更新子节点（children）的操作。在 Vue.js 或其他类似框架中，diff 算法会比较新旧虚拟 DOM 树的差异，

1年前
69
点赞
评论

Vue2-diff算法之首尾对比法

首尾对比法的比较流程在 oldVNode 和 newVNode 的分别设置头部和尾部指针。在循环中，依次进行头-头，头-尾，尾-头，尾-尾的比较如果匹配成功，将节点插入真实DOM中，且匹配的头部

1年前
156
点赞
评论

Vue2-diff算法之patch方法

在虚拟 DOM diff 算法中，patch 方法通常用于将新旧节点进行比对，并进行相应的更新操作，以最小化对实际 DOM 的操作。这个方法主要用于处理两棵虚拟 DOM 树之间的差异。

1年前
52
点赞
评论

虚拟 DOM 是通过 JavaScript 对真实 DOM 的抽象表示，以一种更轻量的方式来描述 DOM 结构。它通常是一个树形结构，包含了整个页面的结构信息，但不直接操作实际的 DOM 元素。当数

1年前
34
点赞
评论

Vue2-响应式原理

Vue2响应式原理是采用数据劫持配合发布者-订阅者模式的方式实现响应式的。通过Object.defineProperty 来劫持各个属性的 setter 和 getter。

1年前
78
点赞
评论

Vue2-生命周期

Vue2生命周期共有8个阶段：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed

1年前
57
点赞
评论

Vue2-MVVM模型

MVVM - Model View ViewModel，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定。

1年前
58
点赞
评论