Vue的语法2


4、修饰符

修饰符 (Modifiers) 是以半角句号(.)指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。
例如,.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault(): 即阻止事件原本的默认行为

    
"app">
"save" v-on:submit.prevent="onSubmit"> "text" id="name" v-model="user.username">

5、条件渲染

  
"app"> "checkbox" v-model="ok">是否同意

if="ok">王Big丽

else>王Small丽

6、列表渲染

"app">
  • for="n in 10">{{n}}
  1. for="(n,index) in 10">{{n}}--{{index}}

"1"> for="user in userList">
{{user.id}} {{user.username}} {{user.age}}