c语言学生信息管理系统框架,vue实现学生信息管理系统
本文實(shí)例為大家分享了vue實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)的具體代碼，供大家參考，具體內(nèi)容如下
界面
代碼
vue--學(xué)生信息管理系統(tǒng).title{margin:20px;font-weight: bold;font-size: 20px;}
| 學(xué)號(hào) | 姓名 | 年齡 | 操作 |
全部數(shù)據(jù)
- {{stu.no}}
//創(chuàng)建一個(gè)Vue的實(shí)例
var vm = new Vue({
el: "#app", //獲取根節(jié)點(diǎn)
data: {
no:"",
name:"",
age:"",
list:[
{
no:"001",
name:"TOM",
age:18,
},{
no:"002",
name:"Juy",
age:19,
},
{ no:"003",
name:"Mlo",
age:20,
}
],
//設(shè)置樣式
render_table:{"width":"700px","text-align":"center"},
render_form:{"width":"300px","text-align":"center","margin-top":"50px"}
},
methods:{
// 添加方法
add(){
this.list.push({no:this.no,name:this.name,age:this.age});
this.no="";this.name="";this.age="";
},
//刪除方法
del(i){
if(confirm("確定刪除嗎？")){
this.list.splice(i,1);
}
}
}
})
知識(shí)點(diǎn)
雙向數(shù)據(jù)綁定
文本插值
事件綁定
方法定義
數(shù)據(jù)遍歷
樣式設(shè)置
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持我們。
時(shí)間： 2020-05-28
總結(jié)
以上是生活随笔為你收集整理的c语言学生信息管理系统框架,vue实现学生信息管理系统的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 回旋矩形C语言,C语言程序设计100例之
- 下一篇： jQuery和Vue的区别(转载)