在上一篇文章中我们谈到了如何提高大型列表数据的性能，但是我们没有测试过这个小技巧到底带来多少的性能优化。 我们可以通过 Chrome 浏览器的 DevTools 工具中的 Performance 标签页，来完成我们想要的测量工作。为了能够获得准确的数据，我们需要在 Vue 应用…

今天要讲的技巧是我以前从我朋友 Damian Dulisz 那里学来的。他是 Vue.js 核心团队的成员，就是那个官方新闻站点 Vue newsletter 的建设者，也还是 vue-multiselect 库的作者。 在一些场景中，我需要在父组件上知道子组件什么时候被创建、…

在 第五篇文章 中，两条 tips 让你学习到了自适应组件的概念，以及怎么通过使用 v-bind 和 v-on 来代理 props 和 events，继而创建自适应组件。 现在是时候实践一下了。在此之前，要问一下，你知道 vue-multiselect 这个第三方库吗？这是一个…

当你使用基于组件的技术开始编写代码时，一个应用就开始增长，同时你也就需要对组件进行结构化和分类，以便尽可能地保证组件的简单性和高可维护性。 组合组件是当前一种流行的强大的代码组织模式，有助于在基于组件的技术中重用和结构化代码... 但到底什么是组件组合呢？虽然这是一个普遍通用的…

很开心见到大家这么喜欢 VueDose 的教程，最近我收到了让我惊讶的关于性能提升的反馈，我非常感激读者们的支持和赞扬 🤗。 上周 Vue.js 的 2.6.0-beta.3 版本已经发布，其中包含了进一步简化作用域插槽的新特性。 这篇文章介绍了 vue 的新指令 v-slo…

嗨，大家好！欢迎来到 VueDose 的第一篇文章。我已经准备好在 VueDose 上开启这段旅程，来帮助像你一样的开发者们来学习一些厉害的技巧。 首先，在 VueDose 上发布的文章都是很简洁明了的，因为我相信这样的行文风格对于读者来说会更有帮助，所以我们现在就直接开始吧。…

虽然 Vue.js 给我们提供了在绝大多数场景下很有用的「计算属性」，但是在一些特殊情况中，你可能需要用到「观察者属性」。 默认情况下，观察者属性的回调函数仅会在被观察的属性值发生改变时被运行，这也的确符合逻辑。 代码到这里都没问题。如果你运行了上面这段代码，会发现 dog 的…

有时候，我们不需要复杂的组件，甚至在一些场景下，我们不需要那些组件保持自己的状态。比如说构建那些内部不需要太多逻辑的 UI 组件。 像这样的情况，函数式组件实在是再合适不过了。这种组件自身是无状态的、无实例的，这就意味着它获取不到自身的实例，因此无法调用 this.$emit …