Vue学习笔记使用系列一【表单】

脚手架的搭建，请查看另外一篇日记：https://www.cnblogs.com/Fengge518/p/11837078.html

1：直接代码了

 1 
 2 "en">
 3 
 4 
 5     "UTF-8">
 6     "viewport" content="width=device-width, initial-scale=1.0">
 7     
 8     
 9     
25 
26 
27 
28     
"" method="post">
29         
"myapp">
30             

31                 
你填寫的信息有：姓名：{{uname}}，密碼：{{upwd}}
32                 
性別：{{sex}} ,我比較喜歡的蔬菜：{{mylove}}
33                 
喜歡旅遊的國家: {{youcountry}},其他備註的信息： {{remark}}
34             
35             

36                 

37                     您的信息：
38                 
39                 
姓名："text" v-model="uname"/>
40                 
密碼："password" v-model="upwd">
41                 

42                     
您的性別:
43                     男："radio" value="男" v-model="sex">
44                     女"radio"  value="女" v-model="sex">
45                 

46                     
你喜歡吃啥蔬菜：
47                     西紅柿"checkbox" value="西紅柿" v-model="mylove">
48                     苦瓜"checkbox" value="苦瓜" v-model="mylove">
49                     洋蔥"checkbox" value="洋蔥" v-model="mylove">
50                     白菜"checkbox" value="白菜" v-model="mylove">
51                 
52                 

53                     你喜歡去哪個國家旅遊：
54                     <select v-model="youcountry">
55                         "">
56                         "中國">中國
57                         "巴基斯丹">巴基斯丹
58                         "塞爾維亞">塞爾維亞
59                         "朝鮮">朝鮮
60                     select>
61                 
62                 

63                     
備註的信息:
64                     "</span><span style="color: rgba(128, 0, 0, 1)">remark</span><span style="color: rgba(128, 0, 0, 1)">"</span> id=<span style="color: rgba(128, 0, 0, 1)">""</span> cols=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">30</span><span style="color: rgba(128, 0, 0, 1)">"</span> rows=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">10</span><span style="color: rgba(128, 0, 0, 1)">"</span>>
65             
66         
67     
68 
69 
70 

2：效果截图