vue
zzh1918
向上生长
展开
-
Vue的兄弟组件通信
有时候,非父子关系的两个组件之间也需要通信。在简单的场景下,可以使用一个空的 Vue 实例作为事件总线:var bus = new Vue()// 触发组件 A 中的事件bus.$emit('id-selected', 1)// 在组件 B 创建的钩子中监听事件bus.$on('id-selected', function (id) { ...}) 在复杂的情原创 2017-12-28 19:58:11 · 740 阅读 · 0 评论 -
Vue的动态属性
我们可以在html标签里绑定动态属性,通过v-bind指令。当我在学element-ui的layout布局时el-row> el-col span="8" class="col">8el-col> el-col :span="8" class="col">16el-col>el-row>这里的span为什么要动态绑定而不是直接span, 可以看到:spa原创 2018-01-27 16:11:11 · 11925 阅读 · 1 评论 -
基于Vue的回到顶部和底部的动画效果
<template> <div> <div class="scroll" :class="{show:isActive}"> <div id=&原创 2018-04-17 21:31:00 · 7856 阅读 · 2 评论 -
在React、Vue和小程序中使用函数节流和函数防抖
在上一篇中我总结了节流函数和防抖函数的基本原理:总结前端函数防抖与函数节流。接下来介绍一下防抖函数和节流函数在前端框架中的使用。在使用前一定要注意两个问题:this的指向事件对象的传递React中使用防抖函数和节流函数...原创 2018-10-31 15:25:16 · 6282 阅读 · 0 评论