html写学生信息管理,vue实现简单学生信息管理案例

学生信息管理

#app{

margin: 10px;

}

学号：

  

姓名：

 

搜索姓名关键字：

学号姓名添加时间操作

{ {item.stuNo}}{ {item.name}}{ {item.cTime | dateFormat}} 删除

// 自定义自动获取焦点的全局指令

Vue.directive('focus',{

// 当被绑定的元素插入到 DOM 中时……

inserted: function (el) {

// 聚焦元素

el.focus()

}

})

var vm = new Vue({

el:'#app',

data:{

stuNo:'',

name:'',

keywords:'',

list:[

{

stuNo:1710204016,

name:'刘小红',

cTime:new Date()

},

{

stuNo:1710204007