博客项目

    2.   <div class="comment-box">
    3.     <ul>
    4.       <li v-for="comment in comments">
    5.         {{ comment.text }}
    6.       </li>
    7.     </ul>
    8.   </div>
    10. <script>
    11.   export default {
    13.     data: () => ({
    14.       comments: [
    15.         {
    16.           text: 'hello git'
    17.         },
    18.         {
    19.           text: 'hello vuejs'
    20.         }
    21.     })
    22.   }
    25. <style scoped>
    26.   .comment-box {
    27.     background-color: #fff;
    28.     box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    29.     width: 80%;
    30.     margin: 30px auto;
    31.     padding: 20px;
    32.     line-height: 1.8;
    33. </style>