Vue基础(4)- data对象数据

data数据对象

1.Vue中用到的数据类型定义在data中。
2.data中可以写复杂类型的数据。
3.渲染复杂类型数据时,遵守js的语法即可。

<div id="app">
  {{ message }}
  <h2>{{ type.name }}{{ type.email }}</h2>
  <ul>
    <li>{{ address[0] }}</li>
    <li>{{ address[1] }}</li>
  </ul>
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
    type:{
        name:"Mojov",
        email:"1140564186@qq.com"
    }
    address:["辽宁省","大连市"]
  }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 文/唐妈 第十三章 夏尧猜不透沈耀为什么忽然要带自己去看海。 沈耀在夏尧的感觉中一直时高高在上的,他总是睥睨众生,...
    唐妈阅读 8,581评论 3 14
  • jmx全称是Java Management Extensions 是java的一种扩展管理工具,可以通过网页或者客...
    jwfy阅读 4,245评论 0 2
  • 晚上,突然微信蹦出来xuelin姐谢谢你! 突如其来的谢谢从何说起? 究其原因,却原来: 今天她的朋友在工作中受了...
    XuelinW阅读 650评论 0 0