audio获取当前播放时间在dom挂载完毕后访问currentTime属性获得，通过timeupdate钩子可实时监控audio获取媒体总时长在canplay（浏览器可以开始播放该音视频）钩子函数回调

有一个需求是在路由跳转后获取到路由的meta信息中的title变量，在app.vue页面内的navbar上面显示页面标题，于是使用beforeRouteEnter实现这个需求。但是问题来了：befor

这是我参与更文挑战的第5天，活动详情查看： 更文挑战 大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 背景 在Vue中，通常我们引入一个js插件都

🚀【Node全栈项目开源】🚀 Vue + Egg.js + Mysql 的 JS全栈实践。动态菜单，RBAC权限模型，WebSocket实现站内信。

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

现有3个嵌套组件，A->B，B->C。 我们使用vuex来进行数据管理，依赖于vuex我们可以一次改变，任何一个组件中都能获取。但是如果多个组件共享状态比较少，使用vuex过于麻烦和难以维护。element-ui中大量采用此方法。 自定义vue bus事件总线，原理类似vuex…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

在上一篇专栏讲到订阅者的响应是先把订阅者添加到一个队列，然后再 nextTick 函数中去遍历这个队列，对每个订阅者进行响应处理。大家所熟悉的 Vue API Vue.nextTick 全局方法和 vm.$nextTick 实例方法的内部都是调用 nextTick 函数，该函数…

指令(directive)在 vue 开发中是一项很实用的功能，指令可以绑定到某一元素或组件，使功能的颗粒度更精细。今天在翻 element-ui 的源码时，发现一个还挺实用的工具指令，跟大伙分享一下。 该指令的源码在 src/utils 下的 clickoutside.js。…