Vue指令練習例項 學生資訊錄入

2021-08-14 16:15:48 字數 1063 閱讀 3774

很好的乙個可以感受vue.js的mvvm模型,資料和模型雙向繫結的例項練習。

vue指令title>

fieldset

fieldset

input

table

thead

style>

head>

學生資訊錄入系統legend>

姓名:span>

type="text"

placeholder="請輸入姓名"

v-model="newstudent.name">

div>

年齡:span>

type="text"

placeholder="請輸入年齡"

v-model="newstudent.age">

div>

性別:span>

v-model="newstudent.***">

value="男">男option>

value="女">女option>

select>

div>

手機:span>

type="text"

placeholder="請輸入手機號碼"

v-model="newstudent.phone">

div>

建立新使用者button>

fieldset>

姓名td>

性別td>

年齡td>

手機td>

刪除td>

tr>

thead>

v-for="(p,index) in persons">

}td>

}td>

}td>

}td>

刪除button>

td>

tr>

tbody>

table>

div>

學生資訊的錄入和列印,函式的封裝

內容 用鍊錶的形式完成乙個學生資訊錄入和列印 使用結構體,定義相應的資料型別 實現鍊錶的建立和插入,使用函式封裝 不同的函式放入不同的檔案中,在主函式中新增標頭檔案,然後呼叫 實現學生成績的錄入和列印 編寫主函式進行測試。使用gcc進行編譯 編寫makefile檔案,使用預定義變數和自動變數 使用g...

c語言之基礎將學生資訊錄入檔案

include stdio.h include process.h struct stu sa 3 sb 3 pa,pb int main printf n請輸入學號 姓名 成績 n for i 0 i 4 i pa 迴圈3次,每次輸入乙個學生資料 scanf d s f pa num,pa nam...

使用 Vue 例項 指令 修飾符

一 指令 1.1 更新元素的文字內容 1.2 更新元素的html內容 1.3 條件指令 1.4 迴圈指令 1.5 事件繫結 1.6 屬性繫結 1.7 在表單上建立雙向資料繫結 1.8 插槽 1.9 不編譯,原樣輸出 1.10 編譯完成後再顯示 1.11 只渲染元素和元件一次 二 修飾符 2.1 na...