Added a example of footnote (#567)

* Footnotes for truthy.

* Added a example of footnote

* closed #544

Author: Jinjiang

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,14 @@
+<!--
+
+首先感谢您的参与！
+为了让社区工作更有效率和质量，我们做了一些约定，希望得到您的理解和支持。
+
+首先请阅读 README[1] 了解如何参与贡献。
+如果你参与的是翻译相关的工作，有劳额外移步 wiki[2] 了解相关注意事项。
+
+谢谢！
+
+[1] https://github.com/vuejs/cn.vuejs.org/tree/master/README.md
+[2] https://github.com/vuejs/cn.vuejs.org/wiki
+
+-->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,14 @@
+<!--
+
+首先感谢您的参与！
+为了让社区工作更有效率和质量，我们做了一些约定，希望得到您的理解和支持。
+
+首先请阅读 README[1] 了解如何参与贡献。
+如果你参与的是翻译相关的工作，有劳额外移步 wiki[2] 了解相关注意事项。
+
+谢谢！
+
+[1] https://github.com/vuejs/cn.vuejs.org/tree/master/README.md
+[2] https://github.com/vuejs/cn.vuejs.org/wiki
+
+-->

README.md

@@ -21,6 +21,8 @@ $ hexo server
 * 发 issue 讨论译法或书写格式
 * 发 issue 讨论部署或协作流程上的问题
 
+有劳在翻译之前移步 [wiki](https://github.com/vuejs/cn.vuejs.org/wiki) 了解相关注意事项。
+
 **注意：**
 
 1. 原则上这里只进行英文版对应的翻译工作，如果觉得原文有改进之处，或任何不仅针对中文版，而受益所有语言版本的想法，建议直接在英文版仓库讨论。

src/v2/guide/class-and-style.md

@@ -15,7 +15,7 @@ order: 6
 ``` html
 <div v-bind:class="{ active: isActive }"></div>
 ```
-上面的语法表示 `active` 这个 class 存在与否将取决于数据属性 `isActive` 是否为 [truthy](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy)。
+上面的语法表示 `active` 这个 class 存在与否将取决于数据属性 `isActive` 的 [truthiness](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy)。
 
 你可以在对象中传入更多属性来动态切换多个 class。此外，`v-bind:class` 指令也可以与普通的 class 属性共存。当有如下模板:
 
@@ -105,7 +105,7 @@ data: {
 <div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>
 ```
 
-这样写将始终添加 `errorClass`，但是只有在 `isActive` 是 [truthy](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy) 时才添加 `activeClass`。
+这样写将始终添加 `errorClass`，但是只有在 `isActive` 是 truthy<sup>[[1]](#译者注)</sup> 时才添加 `activeClass`。
 
 不过，当有多个条件 class 时这样写有些繁琐。所以在数组语法中也可以使用对象语法：
 
@@ -145,7 +145,7 @@ HTML 将被渲染为:
 <my-component v-bind:class="{ active: isActive }"></my-component>
 ```
 
-当 `isActive` 为真值 (译者注：truthy 不是 `true`，[参考这里](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy)) 时，HTML 将被渲染成为：
+当 `isActive` 为 truthy<sup>[[1]](#译者注)</sup> 时，HTML 将被渲染成为：
 
 ``` html
 <p class="foo bar active">Hi</p>
@@ -209,3 +209,8 @@ data: {
 ```
 
 这样写只会渲染数组中最后一个被浏览器支持的值。在本例中，如果浏览器支持不带浏览器前缀的 flexbox，那么就只会渲染 `display: flex`。
+
+<small>
+<div id="译者注">__译者注__</div>
+[1] truthy 不是 `true`，详见 [MDN](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy) 的解释。
+</small>