Update tips (vuejs#386)

kaine119 · Jinjiang · commit bd77dfdeccbe · 2017-06-26T14:57:06.000+08:00
* Update events guide

- Added two tips
- Added mouse button modifiers section

* Update forms guide

- Added a tip to 选择列表 section
  - Updated example to reflect (added disabled option)
diff --git a/src/v2/guide/events.md b/src/v2/guide/events.md
@@ -190,6 +190,8 @@ methods: {
 <div v-on:click.self="doThat">...</div>
 ```
 
+<p class="tip">使用修饰服时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 `@click.prevent.self` 会阻止**所有的点击**，而 `@click.self.prevent` 只会阻止元素上的点击。</p>
+
 > 2.1.4 新增
 
 ``` html
@@ -258,6 +260,18 @@ Vue.config.keyCodes.f1 = 112
 <div @click.ctrl="doSomething">Do something</div>
 ```
 
+<p class="tip">修饰符键比正常的按键不同；修饰符键和 `keyup` 事件一起用时，事件引发时必须按下正常的按键。换一种说法：如果要引发 `keyup.ctrl`，必须按下 `ctrl` 时释放其他的按键；单单释放 `ctrl` 不会引发事件。</p>
+
+### 滑鼠按键修饰符
+
+> 2.1.0 新增
+
+- `.left`
+- `.right`
+- `.middle`
+
+这些修饰符会限制处理程序监听特定的滑鼠按键。
+
 ## 为什么在 HTML 中监听事件?
 
 你可能注意到这种事件监听的方式违背了关注点分离（separation of concern）传统理念。不必担心，因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护上的困难。实际上，使用 `v-on` 有几个好处：
diff --git a/src/v2/guide/forms.md b/src/v2/guide/forms.md
@@ -179,6 +179,7 @@ new Vue({
 ``` html
 <div id="example-5">
   <select v-model="selected">
+    <option disabled value="">请选择</option>
     <option>A</option>
     <option>B</option>
     <option>C</option>
@@ -199,6 +200,7 @@ new Vue({
 {% raw %}
 <div id="example-5">
   <select v-model="selected">
+    <option disabled value="">请选择</option>
     <option>A</option>
     <option>B</option>
     <option>C</option>
@@ -215,6 +217,8 @@ new Vue({
 </script>
 {% endraw %}
 
+<p class="tip">如果 `v-model` 表达初始的值不相配任何的选择，`<select>` 元素就会以"未选中"的状态渲染。在 iOS，这会使用者无法选择第一个选择，因为这样的情况下， iOS 不会引发 change 事件。因此，像以上提供 disabled 选择是建议的做法。</p>
+
 多选列表（绑定到一个数组）：
 
 ``` html
