使用Vue制作切口盒子组件
使用Vue制作切口盒子组件 今天看到@Chris Coyier刚发的一篇帖子，使用CSS怎么写一个切口盒子（Notched Boxes）？其实这个效果早在@Lea Verou的CSS Secrets一书中有一个专门的小节介绍CSS怎么实现这个斜...（投递于2019-03-10 12:11:47）
Vue 2.0学习笔记：Vue组件内容分发（slot）
Vue 2.0学习笔记：Vue组件内容分发（slot） 在实际项目开发当中，时常会把父组件的内容与子组件自己的模板混合起来使用。而这样的一个过程在Vue中被称为 内容分发 。也常常被称为 slot （插槽...（投递于2019-03-10 12:11:35）
使用Vue构建可重用的分页组件
使用Vue构建可重用的分页组件 Web应用程序中资源分页不仅对性能很有帮助，而且从用户体验的角度来说也是非常有用的。在这篇文章中，将了解如何使用Vue创建动态和可用的分页组件。 基本结...（投递于2019-03-10 12:11:23）
Vue中的无渲染组件
Vue中的无渲染组件 不知道您是否以前有过在第三方组件库中提取过组件的经历，在提取组件的过程中发现需要做一些小的调整，而且也避不开提取整个包。比如像自定义的下拉框，日历或自完...（投递于2019-03-10 12:11:11）
使用FileReader API创建一个Vue的文件阅读器组件
使用FileReader API创建一个Vue的文件阅读器组件 有时候我们需要从文件中读取数据。在以前，你需要将其发送到服务器，然后返回所需的数据。问题是，现在我们还可以使用FileReader API直接访问浏...（投递于2019-03-10 12:11:04）
列表渲染和Vue的v-for指令
列表渲染和Vue的v-for指令 Web渲染是Web开发中最常用的实战之一。动态列表渲染通常用于简洁友好的格式向用户渲染一系列相似的分组信息。在我们使用的每个Web应用程序中，都可以看到很多内...（投递于2019-03-10 12:10:53）
使用Vue构建视频播放列表
使用Vue构建视频播放列表 这周有关于CSSConf Australia大会的视频已经放出来了。花了一天的时间看了一下视频，有些话题还是很有意思的。不过咱们今天要聊的不是这个大会中的事情。这不是在...（投递于2019-03-10 12:10:43）
CSS如何实现内凹角效果
CSS如何实现内凹角效果 记得@Lea Verou的《CSS Secrets》一书和前几天@Chris Coyier刚发的帖子都介绍了CSS怎么实现元素斜切口的效果。我也尝试着借助Vue的能力，把这种效果构建成一个Vue组件。我把这...（投递于2019-03-10 12:10:31）
Vue中的方法，属性计算和观察者
Vue中的方法，属性计算和观察者 我喜欢使用Vue的原因之一是，Vue中的 methods 、 computed 和 watchers 的使用是多么的有用。如果没有彻底的理解它们之间的区别，就很难充分利用Vue的功能。尽管如...（投递于2019-03-10 12:10:24）
在Vue中如何用数据来驱动用户界面
在Vue中如何用数据来驱动用户界面 虽然我们通常知道在应用程序中构建大多数视图（View）时需要哪些组件（Component），但很多时候我们并不知道这些组件在运行时是什么。这意味着我们需要基...（投递于2019-03-10 12:10:17）
制作Loading组件
制作Loading组件 最近项目中使用到一个Loading效果，其实是一个很简单的效果，主要是因为这个Loading出现在不同的场景之中，而且大小也不一致。对于这样的效果，往往都会想通过组件的方式来...（投递于2019-03-10 12:10:05）
重用Vue组件中的逻辑
重用Vue组件中的逻辑 当你开始使用Vue创建应用程序时，你可以开始先创建组件，来构建应用程序的不同部分。你应该可以感受到Vue和Web组件结构体系的良好开发体验。随着项目的进行，你开始...（投递于2019-03-10 12:09:59）
Vue中的异步组件
Vue中的异步组件 随着应用程序越来越大，你开始考虑优化应用程序，使其变得更快。在此过程中，你可能使用了拆分代码和延迟加载这两种方法，它们通过将代码块的加截推迟到需要的时候加...（投递于2019-03-10 12:09:52）
使用Intersection Observer API构建无限滚动组件
使用Intersection Observer API构建无限滚动组件 在开发过程中，经常会遇到要处理大量数据的情况，比如列表、搜索记录等，因此你需要一种方法让用户以块状显示这些数据，以便保持应用程序性能...（投递于2019-03-10 12:09:41）
Vue中的状态管理
Vue中的状态管理 Vue中管理应用程序的状态有多种不同的方法，了解状态管理也是学习Vue知识的基础部分，也是很重要的一部分。从这篇文章开始，我们来开始学习Vue应用程序中的状态管理。在...（投递于2019-03-10 12:09:31）
Vue组件通讯
Vue组件通讯 使用Vue构建组件容易，但对于初学者要掌握Vue组件中的通讯还是有一定的难度。比如说，父组件如何向子组件通讯？子组件又是如何向父组件通讯？兄弟组件又是怎么通讯？这些方...（投递于2019-03-10 12:09:21）
Vue 2.0学习笔记：事件总线（EventBus）
Vue 2.0学习笔记：事件总线（EventBus） 许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复...（投递于2019-03-10 12:09:12）
Vue中的作用域CSS和CSS模块的差异
Vue中的作用域CSS和CSS模块的差异 现代Web开发中的CSS离完美还差得远，这并不奇怪。现在，项目通常是相当的复杂的，而CSS样式又是全局性的，所以到最后总是极容易地发生样式冲突： 样式相互...（投递于2019-03-10 12:08:58）
使用事件总线共享组件之间的Props
使用事件总线共享组件之间的Props 默认情况下，Vue组件之间的通讯是通过 Props 来完成的。 Props 是从父组件向子组件传递属性。例如，这里有一个组件， title 是一个 prop : blog-post title="My journe...（投递于2019-03-10 12:08:52）
Vue2.0学习笔记：Vue中的Mixins
Vue2.0学习笔记：Vue中的Mixins 在项目开发的时候，常会碰到这样的一种现象：有两个组件非常相似，比如较为熟悉的 Modal 、 Tooltip 和 Popover ，它们都具有同样的基本函数，而且它们之前也有足够...（投递于2019-03-10 12:08:43）
实战Vue组件和Mixins
实战Vue组件和Mixins 这篇文章主要帮助我们深入的学习Vue的组件和 mixins ，它们帮助你扩展基本的HTML元素，用来封装可重用的代码。在较高的层次上，组件是定制的元素，Vue的编译器附加了行为...（投递于2019-03-10 12:08:36）
Vue 2.0学习笔记：如何创建Vue插件
Vue 2.0学习笔记：如何创建Vue插件 Vue插件是向应用程序添加全局特性的一种强大而又简单的方法。它有多种用途，从分发应用程序范围的组件到向应用程序添加路由和不可变数据存储等附加功能...（投递于2019-03-10 12:08:29）
Vue 2.0学习笔记：Vue的transition
Vue 2.0学习笔记：Vue的transition 动效在Web中一直是一个有争议的问题。动效做得好有助于在你的Web程序上锦上添花，甚至是留住你的用户，也可以具有较好的用户体验；反之，如果动效运用的不...（投递于2019-03-10 12:08:17）
Vue 2.0学习笔记：Vue的animation
Vue 2.0学习笔记：Vue的animation 上一节我们学习了Vue 2.0中的 transition 实现元素从状态 A 到状态 B 的过渡效果。对于元素过渡的效果是通过CSS的 transition 来完成，具体什么时候执行是由Vue来控制的...（投递于2019-03-10 12:08:09）