vue指令

指令的内部都是表达式。

给元素添加事件:

  v-on:click = "funcName",简写@click = "funcName";

  修饰符:

  v-on:keyup.enter = “functionName”  //按键是回车的时候,调用函数名未functionName的函数

显示和隐藏元素:
  v-if : 是对DOM树进行修改 ,删除和插入元素在DOM树中

  v-show:是对Css属性进行修改,display:none或是block

绑定元素的属性:

  V-bind:src = "img_src"

  简写,:src = "img_src"

 

给元素修改内部文字

  v-html:可将字符变成html元素。
  v-text:是完全修改元素中的内容

  {{}} ----双括号可以写内容

 

元素循环

  v-for = "item in arr" (item,index)

数据的双向绑定

  v-model = "message"

 

posted @ 2019-11-24 12:01  唐糖PJS  阅读(130)  评论(0编辑  收藏  举报