分类: Vue
thumbnail
Vue

Vue | diff算法

虚拟DOM(Virtual DOM) 什么是虚拟DOM 一句话总结虚拟DOM就是一个用来描述真实DOM的javaScript对象,这样说可能不够形象,那我们来举个🌰:分别用代码来描述……
thumbnail
Vue

Vue异步更新队列nextTick原理

异步更新队列 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被……
thumbnail
Vue

Vue双向绑定原理

MVVM 数据双向绑定 MVVM 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。 通过实现以下 4 个步骤,来实现数据的双向绑定: 1……
thumbnail
Vue

Object.defineProperty与Proxy

Object.defineProperty() 作用:在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。 1. 基本使用 语法:Object.defineProperty(ob……
thumbnail
Vue

Vue事件派发

vue实例上与事件派发相关的4个方法,分别为: $on:监听事件$off:移除监听事件$emit:触发事件$once:监听事件,只监听1次 首先总体介绍下这四个方……
thumbnail
Vue

Vue native,sync事件修饰符

.sync作用 实现父子组件数据之间的双向绑定,与v-model类似。类别在于:一个组件上只能有一个v-model,.sync修饰符可以有多个。 先了解一下v-model的原……
thumbnail
Vue

Vuex

Vuex 状态管理 Vuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。 Vuex 主要解决的问题 多个视图依赖同一个状态来……
thumbnail
Vue

为什么vue组件中data必须是函数?

vue组件中的data必须是函数 类比引用数据类型Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改……
thumbnail
Vue

Vue组件

使用组件的三大步骤 定义组件(创建组件)注册组件使用组件(写组件标签) 如何定义一个组件 使用Vue.extend(options)创建,其中options和new Vue……
thumbnail
Vue

Vue基础(三)

绑定监听 事件的基本使用: 使用 v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名; 事件的回调需要配置在methods对象中,最终会在vm上; methods中配置的……
thumbnail
Vue

Vue基础(二)

样式属性绑定 在应用界面中, 某个(些)元素的样式是变化的,class/style 绑定就是专门用来实现动态样式效果的技术 class 绑定 使用v-bind……
thumbnail
Vue

Vue基础(一)

初识Vue 特点 遵循 MVVM 模式 编码简洁,体积小,运行效率高,适合 移动/PC 端开发 它本身只关注 UI,可以轻松引入 vue 插件或其它第三方库开发项目 采……
thumbnail
Vue

vue项目使用域名部署(一个域名多个项目)

采用宝塔部署 1.服务器部署多个项目(使用前需要开启二级域名/三级域名等,添加主机记录即可) 部署了两个项目,使用的是一个一级域名和二级域名,ngin……
thumbnail
Vue

Vue相关知识

ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: ……
thumbnail
Vue

Vue组件通信

父组件传递参数给子组件 父组件通过import + component写入子组件,然后v-bind绑定数据,子组件通过props接收 思路 父:自定义属性名 + 数据(要传递)=>……
thumbnail
Vue

Vue生命周期

vue对象的生命周期 生命周期: 又名:生命周期回调函数、生命周期函数、生命周期钩子。是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。生命周……