vue脚手架中实现表格增删改查

Vue脚手架中实现表格增删改查功能

之前一直想要搜一份这样的效果练练手，没办法，都不是自己想要的效果，所以自己写了份以便参考

<template>
    <div id="tab">
        <div class="add">
            <input type="text" placeholder="标题" v-model="title">
            <input type="text" placeholder="发布人" v-model="user">
            <input type="date" placeholder="发布时间" v-model="dates">
            <button @click="add()">新增</button>
        </div>
        <table cellpadding="1" cellspacing="1">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>标题</th>
                    <th>发布人</th>
                    <th>发布时间</th>
                    <th>操作</th>