2.数据绑定、循环语法

weixin_30713953

于 2019-09-24 13:32:00 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuepangzi/p/11577839.html

本文详细介绍了Vue.js中数据绑定与列表循环的基本用法，包括如何在模板中使用{{ }

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据绑定与循环语法

<template>
  <div id="app">
    <p>{{msg}}</p>
    <br>
    <p>我公司的名字是：{{obj.company}}</p>
    <br>
    <ul>
      <li v-for="(item,index) in list" :key=index>
        {{item}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg:'hello world',
      obj:{company:'落忆网络科技有限公司'},
      list:['111','222','333'] 
    }
  }
}
</script>

<style>

</style>