分类: Vue
Vue | diff算法
虚拟DOM(Virtual DOM)
什么是虚拟DOM
一句话总结虚拟DOM就是一个用来描述真实DOM的javaScript对象,这样说可能不够形象,那我们来举个🌰:分别用代码来描述……
Vue异步更新队列nextTick原理
异步更新队列
Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被……
Object.defineProperty与Proxy
Object.defineProperty()
作用:在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。
1. 基本使用
语法:Object.defineProperty(ob……
Vue native,sync事件修饰符
.sync作用
实现父子组件数据之间的双向绑定,与v-model类似。类别在于:一个组件上只能有一个v-model,.sync修饰符可以有多个。
先了解一下v-model的原……
为什么vue组件中data必须是函数?
vue组件中的data必须是函数
类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改……
Vue基础(三)
绑定监听
事件的基本使用:
使用 v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名;
事件的回调需要配置在methods对象中,最终会在vm上;
methods中配置的……
vue项目使用域名部署(一个域名多个项目)
采用宝塔部署
1.服务器部署多个项目(使用前需要开启二级域名/三级域名等,添加主机记录即可)
部署了两个项目,使用的是一个一级域名和二级域名,ngin……
Vue组件通信
父组件传递参数给子组件
父组件通过import + component写入子组件,然后v-bind绑定数据,子组件通过props接收
思路
父:自定义属性名 + 数据(要传递)=>……