1.什么是Vue?
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
2.Vue使用方式？
（1） 首先导入 vue.js 要用到的库： vue.min.js.（可自行百度下载）。
（2）同样准备一个div元素，其id是div1。
（3） 在js中准备json数据 gareen。
（4）创建一个Vue对象。 这个Vue对象就把数据 gareen和 视图 div1 关联起来了。
创建方式为：
new Vue({
el: '#div1',
data: {
message: gareen
}
})（5）在视图div中，就可以通过如下方式把数据取出来了。
{{gareen.name}}或者{{gareen}}
完整代码为：
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/vue.min.js"></script>
</head>
<div id="div1">
{{gareen.name}} {{gareen.hp}}
<!--{{gareen}}-->
</div>
<script>
//准备数据
var gareen = {"name":"wx","hp":"爱吃鱼"};
//通过vue.js 把数据和对应的视图关联起来
new Vue({
el: '#div1',
data: {
message: gareen
}
})
</script>结果为：
