Added an html tag to readme to help increment counter (#22577)
* Added an html tag to readme to help increment counter * fixed wording
This commit is contained in:
committed by
Christopher McCormack
parent
a8eb2b9c90
commit
5607a6092b
@ -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
|
than an error message should appear; but if the input is longer than 8, the
|
||||||
message disappears.
|
message disappears.
|
||||||
|
|
||||||
But let's make a simpler example. We want to condition the exibition of a
|
But let's make a simpler example. We want a condition that determines what is displayed, using a counter:
|
||||||
message to a counter:
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<div id="app">
|
<div id="app">
|
||||||
@ -47,6 +46,7 @@ Let's alter a little bit our first example to get this straight.
|
|||||||
|
|
||||||
```html
|
```html
|
||||||
<div id="app">
|
<div id="app">
|
||||||
|
<button type="button" @click="counter = counter + 1">Click Me!</button>
|
||||||
<p v-if="counter > 10">
|
<p v-if="counter > 10">
|
||||||
This message is only rendered when the counter is greater than 10
|
This message is only rendered when the counter is greater than 10
|
||||||
</p>
|
</p>
|
||||||
@ -101,7 +101,7 @@ let app = new Vue({
|
|||||||
```
|
```
|
||||||
|
|
||||||
Way easier than inserting a lot of `<li>`. And notice that whenever the `list`
|
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
|
`push` some string to the `list` with
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
|
Reference in New Issue
Block a user