<!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>
144
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
