VUE 第4页

VUE
vue实现多个倒计时同步刷新-共享博客

vue实现多个倒计时同步刷新

共享博客阅读(296)评论(0)

使用场景: 一般多个定时器同时使用的场景主要应用在限时活动或者限时抢购商品等,如一个页面存在多个商品,且每个商品都有独立的限时抢购时间,因此就会遇到多个定时器同步刷新倒计时 限时抢购使用场景 这次就用简单数据来模拟多个定时器同步刷新实现效果...

JS使用lazyload进行图片懒加载-共享博客

JS使用lazyload进行图片懒加载

共享博客阅读(357)评论(0)

原理: 图片的加载是由src引起的,当对src赋值时浏览器会请求图片资源,基于这个,可以利用html5的属性data-xxx来保存图片的路径,当我们需要加载图片的时候才将data-xxx的值赋予src。就能实现图片的按需加载了,也就是懒加载...

vue中父子组件通过ref传值「dialog组件」-共享博客

vue中父子组件通过ref传值「dialog组件」

共享博客阅读(804)评论(0)

前言 一个基于Vue的项目,有可能会很多的组件,组件之间难免需要进行数据的传递,比如: 父组件 传数据 给子组件;子组件传数据给父组件等,需要用到组件之间的通信处理方式。 项目中经常用到element中的dialog组件,现记录父子组件通过...

Vue 组件-共享博客

Vue 组件

共享博客阅读(335)评论(0)

什么是Vue组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HT...

理解 Vue 生命周期钩子-共享博客

理解 Vue 生命周期钩子

共享博客阅读(489)评论(0)

理解组件的生命周期,有利于我们了接到 vue 在创建组件的过程。以及使用生命周期钩子赋予我们更多的能力。 lifecycle.png 创建(初始化阶段) 创建钩子是在您的组件中运行的第一个钩子。 它们允许您在组件甚至在添加到DOM之前执行操...

Vue.js快速入门-Vue实例详解与生命周期-共享博客

Vue.js快速入门-Vue实例详解与生命周期

共享博客阅读(242)评论(0)

Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 1.1. Vu...

Vue.nextTick 的原理和用途-共享博客

Vue.nextTick 的原理和用途

共享博客阅读(269)评论(0)

一、原理 1.异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。 2.事件循环说明 简单来说,Vue在修改数据后,视图不会立刻更新,而是等同一事件循环中的所有数据变化完成之后,再统一...

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活