From 5607a6092b8d34bdbfe19fcba27041aa5b33ef7e Mon Sep 17 00:00:00 2001
From: Nigel Cheok <cheok.nigel@gmail.com>
Date: Mon, 26 Nov 2018 02:42:27 +0800
Subject: [PATCH] Added an html tag to readme to help increment counter
 (#22577)

* Added an html tag to readme to help increment counter

* fixed wording
---
 guide/english/vue/control-flow/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/guide/english/vue/control-flow/index.md b/guide/english/vue/control-flow/index.md
index ab89ece911..f61f10164c 100644
--- a/guide/english/vue/control-flow/index.md
+++ b/guide/english/vue/control-flow/index.md
@@ -13,8 +13,7 @@ required a text at least 8 characters long: if the user input is shorter than 8,
 than an error message should appear; but if the input is longer than 8, the
 message disappears.
 
-But let's make a simpler example. We want to condition the exibition of a
-message to a counter:
+But let's make a simpler example. We want a condition that determines what is displayed, using a counter:
 
 ```html
 <div id="app">
@@ -47,6 +46,7 @@ Let's alter a little bit our first example to get this straight.
 
 ```html
 <div id="app">
+  <button type="button" @click="counter = counter + 1">Click Me!</button>
   <p v-if="counter > 10">
     This message is only rendered when the counter is greater than 10
   </p>
@@ -101,7 +101,7 @@ let app = new Vue({
 ```
 
 Way easier than inserting a lot of `<li>`. And notice that whenever the `list`
-changes, the result will change acordingly. Try it out: open the console and
+changes, the result will change accordingly. Try it out: open the console and
 `push` some string to the `list` with
 
 ```javascript