Vue 2.0学习笔记： Vue中的computed属性
Vue中的computed属性称为计算属性。在这一节中，我们学习Vue中的计算属性如何使用？记得在学习Vue的模板相关的知识的时候，知道在模板内可以使用表达式，而且模板内的表达式是非常的便利，但这种遍历是有一定的限制的，它们实际上是用于一些简单的运算。也就是说，如果在模板中放入太多的逻辑会让模板过重而且难以维护。
大漠 大漠 Vue组件通讯：单个组件
单个组件相对而言简单一点。在我看来，有些事情你需要知道才能让你开始。关于Vue组件的模板和脚本部分如何协同工作的。模板和脚本组成一个单元，并共享相同的数据。最好的学习就是通过一些实例来阐述，这样更易于交流。
大漠 Vue.js 定义组件模板的七种方式
在 Vue 中定义一个组件模板，至少有七种不同的方式（或许还有其它我不知道的方式）：字符串、模板字面量、x-template、内联模板、render 函数、JSF和单文件组件。在这篇文章中，我将通过示例介绍每个选项，并探讨利弊。以便你知道在任何特定情况下最适合的是哪一种。
大漠 Vue 2.0学习笔记：v-bind
经过前面的学习，我们知道v-on可以实现事件绑定，v-model可以实现双向数据绑定。在Vue中除了这两个指令，还有一个v-bind指令。它可以往元素的属性中绑定数据，也可以动态地根据数据为元素绑定不同的样式。简单说，v-bind是用来绑定HTML属性。
大漠 在Vue中有条件地使用CSS类
很多时候Web在运行时要更改元素的CSS类名。但是在改变类名时，有时最好是有条件地应用样式。例如你有一个翻页的效果。翻页效果通常有一个高亮的效果，用于向用户显示当前页，这对于用户而言是很有帮助的。该项目的样式是有条件设置的，基于当前正在查看的页面。
大漠 Vue 2.0学习笔记：自定义表单组件
上一节中，通过v-model的学习，我们可以实现双向数据绑定的的效果。在整个教程中，我们看到的示例都是表单控件方面的。实际上v-model还可以和组件结合在一起实现双向数据的绑定效果。在Web的表单控件中，我们经常为了一些特殊的视觉效果，做自定义的表单风格，比如单选按钮、复选框和下拉选择框之类的。那么我们通过Vue来做这些表单控件的组件，会让我们变得更为轻松，而且一劳永逸。接下来我们看看怎么实现单选按钮和复选框的组件。
大漠 被誉为神器的requestAnimationFrame
与setTimeout和setInterval不同，requestAnimationFrame不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器呢？本文将详细介绍HTML5新增的定时器requestAnimationFrame。
大漠 理解setTimeout和setInterval
很长时间以来，定时器一直是JavaScript动画的核心技术。但是，关于定时器，人们通常只了解如何使用setTimeout()和setInterval()，对它们的内在运行机制并不理解，对于与预想不同的实际运行状况也无法解决。本文将详细介绍定时器的相关内容。
大漠 Vue 2.0学习笔记：v-model
通过前面的学习，我们可以顺利的在Vue中将数据源渲染到HTML的DOM元素中，但很多时候我们希望能控制数据源。也就是数据绑定，并且与其通讯。简单的说，怎么在Vue中实现数据的双向绑定。这种场景一般都是在表单的操作情景中。在Vue中可以使用v-model的指令来实现。不过这篇文章我们只是来学习v-model指令的使用，但不探究Vue数据双向绑定的原理。如果你对原理方面感兴趣，可以阅读这篇文章。
大漠 iPhone X的Web设计
在新的iPhone X的Safari浏览器中为你的网站显示留有边缘。内容自动设置在显示的安全区域内，这样它就不会被圆角或设备的传感器外壳遮挡住（俗称iPhone X的刘海）。在<body>或<html>元素中指定与页面的background-color一样的颜色用来填充整个页面。这样页面的安全区域和其余部分混合在一起。对于许多网站来说，这已经足够了。如果你的页面只有文本和图片，那么背景色的设置看起来也非常不错。对于其他页面——特别是那些设计全宽水平导航栏的页面，比如像下图的页面，可以选择稍微深入一点，充分利用新显示的功能。iPhone X人机界面指南详细介绍了一些通用的设计原则，并且UIKit文档讨论了本地应用程序可以采用的特定机制，以确保它们看起来不错。你的网站可以利用iOS 11中引入的一些类似WebKit API来充分利用边缘的优势。
大漠