使用Vue.js的步骤：
第一步：在html页面中引入vue.js
第二步：Vue.js提供了一个Vue,我们需要创建一个对象。
new Vue({});
第三步：在用户界面view中，通过{{}}形式将data中的数据显示在页面中。
在用户界面中，{{}}代码中绑定的data的key，而在页面中显示的是该key的value。
Vue.js对获取的data与页面上显示的{{}}会产生一种映射关系。
app这个变量会代理vue中data数据。所以我们访问data中数据的时候，直接用app.name就可以了.
这样，如果我们要实现前后台交互，只要将从后台得到的数据，放在data中,页面就会自动绑定，这样就实现了从model->view的数据流向。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue.js入门</title>
<script src="vue.js"></script>
</head>
<body>
<h1 id="demo">{{name}}，欢迎您来到前端开发学习！</h1>
<script>
var app = new Vue({
el:'#demo', //声明Vue.js管理的边界
data:{
name:'Sunyang'
} //data核心作用是存放显示在页面中的数据，需要是一个对象
});
</script>
</body>
</html>