1. What is Vue?
Vue (pronounced /vjuː/, similar to view ) is a progressive framework for building user interfaces . Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to use, but also easy to integrate with third-party libraries or existing projects. On the other hand, when combined with modern toolchains and various supporting libraries , Vue is also fully capable of powering complex single-page applications.
2. How to use Vue?
Official website: http://vuejs.org/
- Development version: includes full warnings and debug mode
-
Production version: removed warning, squashed
-
3. The first Vue code Hello world!
<!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>HelloWorld</title>
<script type="text/javascript" src="../assets/js/vue.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<hr>
<div id="app">
{{message}}
</div>
<script type="text/javascript">
var app = new Vue ({
el: "#app",
data:{
message:"Hello World!"
}
})
</script>
</body>
</html>