<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="lib/vue-2.4.0.js"></script>
<!--1、导包-->
</head>
<body>
<!--new的Vue实例会控制这个元素中的所有内容-->
<!--Vue实例所控制的这个元素区域就是MVVM中的V-->
<div id="app">
<p>{{name}}</p>
</div>
<script>
//2、创建一个Vue
//当我们导入包之后,在浏览器内存中,就多了一个Vue构造函数
//new出来的对象就是MVVM中的VM
var app = new Vue({
el: '#app',//表示当前我们new的这个Vue实例,要控制页面上哪个区域
//data就算MVVM中的M,用来保存每个页面的数据
data: {//date属性中,存放的是el中要用到的数据
name: 'name'
//通过Vue提供的指令,很方便的能把数据渲染到页面上,不再需要手动操作DOM元素(前端的Vue等框架,不提倡手动操作DOM元素)-->
}
})
</script>
</body>
</html>