使用vue完成表单动态添加，删除，搜索

注意：

• 下面代码的实现是基于vue的，所以在使用之前要先使用vue-cli搭建项目

搜索功能效果图

添加功能效果图

知识点

• vue数据双向绑定
• 使用过滤器对时间进行处理
• 自定义指令，页面已下载，搜索框自动获取焦点

源代码

  <div class="hello">
		 <label>
				Id:
						<input type="number" v-model="id" />
		</label>
		<label>
				Name: 
						<!-- @keyup.enter 使用Vue已经封装好的回车键键盘码事件  -->
						<input type="text"  v-model="name" @keyup.enter="btnClick()" />
		</label>
		<!-- 在Vue中，使用事件绑