Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
假设你已有 HTML、CSS 和 JavaScript 中级前端知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来！之前有其他框架的使用经验对于学习 Vue.js 是有帮助的，但这不是必需的。下面来快速入门，体验下Vue.js。
首先新建一个html文件，引入Vue.js，像引入jQuery那样超级简单，你肯定会，对于新手先不要使用命令引入。
<script src="https://unpkg.com/vue"></script>
Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统：
html代码：
<div id="app">
{{ message }}
</div>
js代码：
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
完整代码：
<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>Vue.js一分钟快速入门，赶紧体验一把</title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>
最后我们在浏览器上看到的效果：
注意：本文归作者所有，未经作者允许，不得转载
