前端框架 第5页

前端框架
Vue 组件-青梅博客

Vue 组件

青梅博客阅读(540)评论(0)

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

理解 Vue 生命周期钩子-青梅博客

理解 Vue 生命周期钩子

青梅博客阅读(670)评论(0)

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

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

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

青梅博客阅读(437)评论(0)

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

Vue.nextTick 的原理和用途-青梅博客

Vue.nextTick 的原理和用途

青梅博客阅读(475)评论(0)

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

vue 中基于html5 drag drap的拖放-青梅博客

vue 中基于html5 drag drap的拖放

青梅博客阅读(612)评论(0)

 事情是这样的,右边有各种控件,可以拖动到右边自由区,在自由区内可以随意拖动。 案例一: 开始的我,so easy! 通过绑定元素的mousedown 事件,监听鼠标的mousemove,和mouseup 事件,于是我轻松实现了同一区域内元...

vuejs-指令详解-青梅博客

vuejs-指令详解

青梅博客阅读(591)评论(0)

文章目录 v-if v-show v-else v-model v-repeat 数组变动检测 内置过滤器 1.filterBy(0.12版本) 2.orderBy(0.12版本) v-for v-text v-html v-bind v-...

vue2.0生命周期详解-青梅博客

vue2.0生命周期详解

青梅博客阅读(568)评论(0)

生命周期图示 生命周期详解 周期名称 内容 beforeCreate(创建前) 在数据观测和初始化事件还未开始 created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性未见 beforeMount(载入前) 在挂载开...

vue中$refs、$emit、$on的使用场景-青梅博客

vue中$refs、$emit、$on的使用场景

青梅博客阅读(571)评论(0)

1、$emit的使用场景 子组件调用父组件的方法并传递数据注意:子组件标签中的时间也不区分大小写要用“-”隔开 子组件: 父组件: 2、$refs的使用场景 父组件调用子组件的方法,可以传递数据注意:子组件标签中的时间也不区分大小写要用“-...

“router-link”各种属性解释

青梅博客阅读(546)评论(0)

在vue1.0版本的超链接标签还是原来的a标签,链接地址由v-link属性控制 而vue2.0版本里超链接标签由a标签被替换成了router-link标签,但最终在页面还是会被渲染成a标签的 至于为什么要把a换成router-link原因还...

切换注册

登录

忘记密码 ?

切换登录

注册

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