前端技术栈

前端技术栈

前端技术栈

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

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

Vue2-Vue.mixin 与 mixins

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

1年前
93
点赞
评论

Vue2-Vue.filter过滤器

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。

1年前
185
点赞
评论

Vue2-computed计算属性-传参

在Vue中，计算属性是不能接收参数的，因为计算属性是基于它们的依赖进行缓存的。如果需要传递参数并且需要监听参数变化，则可以使用方法来替代计算属性。

1年前
314
点赞
评论

Vue2-computed计算属性与watch监听器

computed 与 watch 的细节缓存支持：计算属性支持缓存，只有当依赖数据发生改变时才会重新计算；如果依赖未改变，则从缓存中读取。必须有返回值：

1年前
197
点赞
评论

Vue2-watch监听器-新增值响应丢失

通过 this.person.id = 1 直接给 person 对象添加 id 属性的方式不会被 Vue 的响应式系统所监听。解决方案：$set/Vue.set()/Object.assign()

1年前
148
点赞
评论

Vue2-watch监听器-新旧值相同问题

问题重现在以下案例中，使用 watch 来深度监控整个 person 对象时存在 person.name 改变前和改变后的值都是一样的问题。解决方案（1）序列化与反序列化（2）深拷贝

1年前
75
点赞
评论

Vue2-watch监听器

三种监听方式：普通监听，只有在值发生改变时才执行监听函数；立即监听，设置immediate: true，可以在第一次绑定值时执行监听函数；深度监听，设置 deep: true ，可监听对象内属性的变化

1年前
78
点赞
评论

Vue2-computed洋葱模型

洋葱模型是Vue框架中的一种数据依赖关系管理机制，用于实现响应式数据的更新和视图的重新渲染。在Vue实例初始化时，每个计算属性都会关联一个懒加载的 Watcher，在访问计算属性时才会执行计算方法。

1年前
70
点赞
评论

Vue2-computed实现原理

在 Vue.js 中，计算属性是通过 Watcher 实例的lazy、dirty和value属性来实现自动更新和缓存的。在执行render函数时，会调用计算属性的getter方法，根据dirty值来决

1年前
30
点赞
评论

Vue2-computed计算属性

定义计算属性（computed）是 Vue.js 中的一个特性，它可以根据依赖的响应式数据自动计算出一个新的值，并且在依赖数据发生改变时重新计算。它有两个特点：缓存+惰性求值

1年前
131
点赞
评论

Vue2-Vue.directive自定义指令

Vue.directive 是 Vue.js 提供的全局指令注册方法，用于自定义指令。我们可以通过它来扩展 Vue.js 的模板语法，使得我们能够创建自己的指令，

1年前
134
点赞
评论

Vue2-内置指令

内置指令：v-bind v-if v-for v-on v-model v-show v-cloak v-pre

1年前
74
点赞
评论

Vue2-$on、$once、$off、$emit

$on 方法用于监听一个事件，$once 方法用于监听一个事件，但是只会在事件第一次被触发时执行回调函数，$off 方法用于移除事件监听，$emit 方法用于触发一个事件

1年前
280
点赞
评论

Vue2-$props传值操作

在 Vue.js 中，父组件可以通过属性方式向子组件传递数据，子组件则可以通过 $props 属性轻松接收这些属性值，也可利用 v-bind 指令或简写的冒号语法将数据传递给孙子组件。

1年前
328
点赞
评论

Vue2-$props与$attrs属性

$props 和 $attrs 是用于访问组件属性和非 props 特性的两个属性。 $props 包含父组件传递给当前组件attributes中已被 props 声明的，$attrs则相反。

1年前
181
点赞
评论

Vue2-$listeners传值操作

在 Vue 2 中，$listeners 主要用于传递父组件的事件监听器到子组件，以便子组件可以监听和处理这些事件。当父组件需要将自定义事件传递给子组件时，可以直接使用v-on="$listener"

1年前
73
点赞
评论

Vue2-provide与inject

provide: Object | () => Object ; inject: Array<string> | { [key: string]: string | Symbol | Object }

1年前
54
点赞
评论

Vue2-$attrs传值操作

使用 $attrs 实现爷爷组件向孙子组件传递数据的流程为：在爷爷组件中将需要传递给孙子组件的数据绑定到父组件的 $attrs 属性上。在孙子组件中使用 prop 接收爷爷组件传递的属性。

1年前
63
点赞
评论

Vue2-$emit传值操作

在 Vue 中，实现子组件向父组件传值的过程：在子组件中通过 $emit 方法触发一个自定义事件，并传递数据作为参数。在父组件的模板中监听该自定义事件，当子组件触发 $emit 方法时，父组件会捕获到

1年前
333
点赞
评论

Vue2-$forceUpdate方法

$forceUpdate 是 Vue 实例的一个方法，用于强制对组件进行重新渲染，即使数据没有发生变化。当使用 $forceUpdate 方法强制对组件进行重新渲染时，会触发更新钩子函数 update

1年前
465
点赞
评论