2018-04-13 14:54:53 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en" dir="ltr">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2018-04-13 17:13:11 +00:00
|
|
|
<script src="vue.js"></script>
|
2018-04-13 14:54:53 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id='app'>
|
2018-04-13 18:27:33 +00:00
|
|
|
<button v-on:click="counter++">Increase</button>
|
|
|
|
|
<button v-on:click="counter--">Decrease</button>
|
|
|
|
|
<button v-on:click="secondCounter++">Increase 2nd Counter</button>
|
|
|
|
|
<p>counter: {{counter}} | {{secondCounter}}</p>
|
|
|
|
|
<p>result: {{result()}} | {{ output }}</p>
|
2018-04-13 14:54:53 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="app.js" charset="utf-8"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
