vue-learning/hello/index.html

40 lines
1.2 KiB
HTML
Raw Normal View History

2019-11-09 11:09:41 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>titleee</title>
<link rel="stylesheet" href="style.css">
<script src="https://vuejs.org/js/vue.js"></script><!-- dev version -->
</head>
<body>
<div id="app">
<p v-bind:title="label">
{{ message }}
<button v-on:click="showspan = !showspan">toggle</button>
<transition name="fade">
<span v-if="showspan">Now you see me</span>
</transition>
</p>
<ol>
<todo-item
v-for="item in todos"
v-bind:todo="item"
v-bind:key="item.id">
</todo-item>
</ol>
<button v-on:click="reverseMessage">Reverse Message</button>
2019-11-09 11:34:11 +00:00
<input v-model="message"> <span>{{ lenMessage }}</span>
2019-11-09 18:24:21 +00:00
<p class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">class</p>
2019-11-09 19:40:47 +00:00
<button v-on:click="counter += 1">{{ counter }} clics</button>
2019-11-09 11:09:41 +00:00
</div>
<script src="app.js"></script>
</body>
</html>