实例 Vue 文本展示

x
 
<template>
  <h1>Food</h1>
  <food-item/>
  <food-item/>
  <food-item/>
</template>
<script></script>
<style>
  #app > div {
        border: dashed black 1px;
        display: inline-block;
        margin: 10px;
        padding: 10px;
        background-color: lightgreen;
    }
</style>                  

输出结果