
vue
文章平均质量分 54
~甲壳虫
这个作者很懒,什么都没留下…
展开
-
vue什么时候渲染旧的VDOM,什么时候渲染新的VDOM
Vue 在数据变化、事件处理等情况下生成并渲染新的 VDOM。如果数据没有变化,或在异步更新的上下文中,可能会保留旧的 VDOM,并不会 re-render 真实 DOM。这种机制通过最小化 DOM 更新来提高性能,使得 Vue 的渲染过程高效且响应迅速。理解这些渲染时机有助于有效地管理组件的性能和响应性。原创 2024-11-04 20:37:44 · 265 阅读 · 0 评论 -
vue2默认插槽
默认插槽是Vue组件中没有指定名称的插槽。在子组件中,如果没有指定插槽的名称,那么它就是一个默认插槽。在父组件中,没有指定slot属性的内容会被分发到这个默认插槽中。原创 2024-11-03 21:56:29 · 329 阅读 · 0 评论 -
vue2中的v-bind相当于原生js的什么
v-bind在 Vue 中的作用是将数据和视图连接起来,使得数据的变化能够自动反映到视图上。在原生 JavaScript 中,这需要手动操作 DOM 元素的属性来实现。Vue 的v-bind使得数据绑定更加方便和高效,这是 Vue 响应式系统的一部分,它能够自动追踪数据的变化并更新 DOM。原创 2024-11-03 13:47:17 · 347 阅读 · 0 评论 -
Vue.set() 和 Object.assign() 的区别
是一个用于将所有可枚举属性的值从一个或多个源对象复制到目标对象的 JavaScript 原生方法。它常用于合并对象。原创 2024-11-01 13:05:49 · 546 阅读 · 0 评论 -
vue.set主要是干啥的,有啥作用
当然可以。以下是几个使用Vue.set。原创 2024-11-01 13:00:09 · 536 阅读 · 0 评论 -
Vue.set()和this.$set()
场景有时候我们会看到如下代码:在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给对象赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性。data () { return { student: {...转载 2020-04-10 21:49:27 · 421 阅读 · 0 评论 -
Vue—Vue.set的使用
这里我定义了一个列表数据,我将通过三个不同的按钮来控制列表数据。调用方法:Vue.set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值<!DOCTYPE html><html><head lang="en"> <meta charset="...转载 2020-04-10 14:58:17 · 2554 阅读 · 3 评论 -
vuex----mutation和action的基本使用
我们要实现的很简单,就是点击+1的count加一,点击-1的时候count-1一、mutation在vue 中,只有mutation 才能改变state. mutation 类似事件,每一个mutation都有一个类型和一个处理函数,因为只有mutation 才能改变state, 所以处理函数自动会获得一个默认参数 state. 所谓的类型其实就是名字,action去commit 一个mu...转载 2020-04-10 14:45:30 · 293 阅读 · 0 评论