<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/vue.js"></script>
</head>
<body>
<!-- 创建id为app的div -->
<div id="app">
{{name}}<br/>
{{school.name}}
{{school.mobile}}<br/>
{{names[0]}}
{{names[1]}}
{{names[2]}}
{{names[3]}}
</div>
<div>
{{name}}
</div>
</body>
<script>
//vue实例
var VM = new Vue({
el:"#app",
data:{
name:"Hello Vue!",
//对象类型
school:{
name:"拉勾教育",
mobile:"1001001",
},
//数组类型
names:["张三","李四","王五"]
},
});
</script>
</html>
data: 数据对象
- Vue中用到的数据定义在data中
- data中可以写复杂类型
- 渲染复杂类型数据的时候,遵守js语法