<body>
<div id="app">
{{ message }}
<h2>
{{ school.name }} {{ school.mobile }}
<!-- Vue拿到对象 在双括号里面取值和之前方式一样 在需要取的属性前面 加点 -->
</h2>
<ul>
<li> {{campus[2]}} {{ campus[3]}} </li>
<!-- Vue拿到数组 在双括号里面取值和之前方式一样 加上在需要取的属性的 索引号 -->
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'hellow',
school: {
name: '黑马程序员',
mobile: '400-421-999'
},
campus: ['北京校区', '上海校区', '广州校区', '深圳校区']
}
})
</script>
</body>