Vue创建/删除/搜索

注意两点,这里直接在index当中引入的bootstrap。所以自这里或许看不到全部效果。但是功能百分百正常
1.创建三个输入框 目的是获取他们的v-model
2.在name里添加@keyup.enter="ck" 用来直接回车
3.列表整体架构

table开始创建盒子
——thead最顶部的标题
————tr竖着第一个
——————th横着放四个二
——tbody同head下半身列表
————tr竖着第一个第二个等等
——————td横着四个    

4.this.id = this.name = "" 可以同时为空
5.xlist就是中介,用计算属性解决搜索问题
这句话意思是:当前所有数据遍历,并且所有lst的名字查找和输入框一样的返回给我
6.filters,和data同级。就是把现有的数据过滤。其中tm就死当前的mx.time。为的是把所有的时间变成最后需要的时间


你可能感兴趣的:(vue.js,前端,bootstrap)