思路
把Vue,js的包导入进来new一个Vue实例建一个< div >在Vue实例的el属性里把要控制的是div中的哪个区域写入进来，这里要控制的是div中id=a的元素中的所有内容data属性中存放的是el属性所要存放的数据，这里的数据是“你好”把data的数据渲染到div页面上用< p >标签把效果在网页上展示出来
<!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">
//步骤1：把vue.js的包导入进来
<script src="C:\Users\melod\Desktop\来玩鸭\Vue\Code\lib\vue.js"></script>
<title>Document
</title>
</head>
<body>
<div id="a"> //步骤3：
<p>{{msg}}
</p> //步骤7：
//这是MVVM中的V，即网页
//步骤6：把data的数据渲染到div页面上
</div>
<script>
var vm=new Vue
(
{
el:'#a',
data:{msg:'你好'}
}
)
</script>
</body>
</html>
