vue学习笔记：6.4.组件案例-评论列表

组件案例-评论列表

这里使用的 bootstrap 做布局
效果图如下：

HTML

<div id="app">
   <!-- locadComments 为父组件中的方法名 -->
    <cmt-box @func="locadComments"></cmt-box>
    <ul class="list-group">
        <li class="list-group-item" v-for="(item, index) in list" :key="index">
            <span class="badge">评论人：{
  { item.user }}</span>
            {
  { item.content }}
        </li>
    </ul>
</div>

<template id="tmpl">
    <div>
        <div class="form-group">
            <label>评论人：</label>
            <input typ