热门
 最新
 红包
 立Flag
 投票
 同城
 我的
 发布
Vue基础data数据对象
<body>
    <div id="app">
       <p style="color: rgb(46, 233, 133);"> {{message }} </p>
        <h2>{{school.name}}{{school.mobile}}</h2>
        <ul>
            <li>{{campus[0]}}</li>
            <li>{{campus[1]}}</li>
            <li>{{campus[2]}}</li>
            <li>{{campus[3]}}</li>
        </ul>
    </div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    var app = new Vue({
  el: '#app',  //查找app属性id
  data: {
    message: 'Hello Vue! 你好!小黑',
        school:{
            name:"黑马程序员",
            mobile:"4006189090"
        },
        campus:["北京","上海","广州","湖南"]
  }
})
</Script>
</body>
CSDN App 扫码分享
评论
 1
 打赏
            
- 复制链接
 - 举报
 
下一条: 
 转发