Olgun DUTKAN

Olgun DUTKAN

Senior Developer

Hello Vue Js

Hello Vue Js

Vue is a very popular JavaScript UI library. Coding and understand are simple. Save you a deadline. It prevents the growth of dom objects with virtual dom. This wool is different from the classical javascript.

I don't want compare Vue with another UI libraries. I plan to explain Vue with small examples. Let's begin...

	<!DOCTYPE html>
	<html lang="en"> <head> 
		<meta charset="UTF-8"> 
		<title>Hello Vue</title>
		<body> 
			<div id="app"> 
				<h1>{{ message }}</h1> 
				<input type="text" name="message" v-model="message"> 
				<pre>
					{{ $data | json }}
				</pre> 
			</div>
			<script src="assets/js/vue.min.js"></script> 
			<script type="text/javascript" charset="utf-8"> 
				new Vue({
					el: '#app', 
					data:{
						message: 'Hello world'
					}
				}); 
			</script> 
		</body>
	</html>

The approve example looks like as follows on the browser.

Download

{{message}}

		{{ $data | json }}
	

Nov 25, 2017