code
/
vue-learning
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

event

This commit is contained in:
Sergio Álvarez 2019-11-09 20:40:47 +01:00
parent f5a209ca1b
commit 54fa9ce0b0
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
hello/app.js
View File

@ -16,7 +16,8 @@ var app = new Vue({
], ],
label: 'You loaded this page on ' + new Date().toLocaleString(), label: 'You loaded this page on ' + new Date().toLocaleString(),
isActive: true, isActive: true,
hasError: false hasError: false,
counter: 0
}, },
methods: { methods: {
reverseMessage: function () { reverseMessage: function () {

2
hello/index.html
View File

@ -30,6 +30,8 @@
<input v-model="message"> <span>{{ lenMessage }}</span> <input v-model="message"> <span>{{ lenMessage }}</span>
<p class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">class</p> <p class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">class</p>
<button v-on:click="counter += 1">{{ counter }} clics</button>
</div> </div>
<script src="app.js"></script> <script src="app.js"></script>