VueJS2 Net Ninja Part 5

by hlim188

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>VueJS2 Tutorials</title>
	<link href="style.css" rel="stylesheet">
	<script src="http://unpkg.com/vue"></script>
</head>
<body>
	<div id="vue-app">
    	<h1>Conditionals</h1>
			<button @click="error = !error">Toggle Error</button>
			<button @click="success = !success">Toggle Success</button> -->
			<p v-show="error">There has been an error.</p>
			<p v-show="success">yay! success!</p> 
  </div>
	<script src="app.js"></script>
</body>
</html>

Vue

new Vue({
  el: '#vue-app',
  data: {
  	error: false,
    success: false
  }
});