数据绑定与循环语法

<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>

效果图

原文地址：https://www.cnblogs.com/xuepangzi/p/11577839.html