harishkotra · April 11, 2017 02:52
diff --git a/v-if-else.html b/v-if-else.html
 <html>
 	<head>
 		<!-- just any other regular html tag -->
 		<title>Vue Demo App with v-if & v-else directives</title>
 		<!-- Fetch vue.js from the following library -->
 		<!-- Other alternatives are to download the original library from https://vuejs.org/ -->		
 		<script src="https://unpkg.com/vue"></script>
 		<style>
 			#app {
 			  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
 			  -webkit-font-smoothing: antialiased;
 			  -moz-osx-font-smoothing: grayscale;
 			  text-align: center;
 			  color: #2c3e50;
 			  margin: 20px;
 			  font-size:26px;
 			}
 		</style>
 	</head>
 	<body>
 		<!-- 
 			Element to play around using vue. 
 			"app" is used in the javascript written below to add text and perform relevant actions.
 		-->
 		<div id="app">
 			<h4 v-if="!message">Enter text below to send.</h4>
 			<h4 v-else>Click Go to send!</h4>			
      <form action="">
 				<textarea name="message" v-model="message" id="" cols="30" rows="10"></textarea><br>
 				<button v-show="message">Go</button>
 			</form>
 		</div>
 		<script>
 			//app is assigned to the Vue instance. 
 			//Vue accepts el and data to target the div. 
 			var app = new Vue({
 				el: "#app",
 				data: {
 					message: ''
 				}
 			});
 		</script>
 	</body>
 </html>
	<html>
	<head>
	<!-- just any other regular html tag -->
	<title>Vue Demo App with v-if & v-else directives</title>
	<!-- Fetch vue.js from the following library -->
	<!-- Other alternatives are to download the original library from https://vuejs.org/ -->
	<script src="https://unpkg.com/vue"></script>
	<style>
	#app {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin: 20px;
	font-size:26px;
	}
	</style>
	</head>
	<body>
	<!--
	Element to play around using vue.
	"app" is used in the javascript written below to add text and perform relevant actions.
	-->
	<div id="app">
	<h4 v-if="!message">Enter text below to send.</h4>
	<h4 v-else>Click Go to send!</h4>
	<form action="">
	<textarea name="message" v-model="message" id="" cols="30" rows="10"></textarea><br>
	<button v-show="message">Go</button>
	</form>
	</div>
	<script>
	//app is assigned to the Vue instance.
	//Vue accepts el and data to target the div.
	var app = new Vue({
	el: "#app",
	data: {
	message: ''
	}
	});
	</script>
	</body>
	</html>