首页 > 代码库 > VueJS
VueJS
学习参考网址:http://www.cnblogs.com/keepfool/p/5619070.html
v-if/v-show指令
v-if/v-show的区别是:v-if 判断false以后 元素直接不反应到HTML,v-show 始终会被渲染到HTML,它只是简单地为元素设置CSS的style属性/style="display:none".
v-else指令
可以用v-else
指令为v-if
或v-show
添加一个“else块”。v-else
元素必须立即跟在v-if
或v-show
元素的后面——否则它不能被识别.v-else
元素是否渲染在HTML中,取决于前面使用的是v-if
还是v-show
指令。
v-for指令
v-for
指令基于一个数组渲染一个列表,它和JavaScript的遍历语法相似:
v-for="item in items"
v-bind
-
Shorthand:
:
-
<!-- bind an attribute --><img v-bind:src=http://www.mamicode.com/"imageSrc"><!-- shorthand --><img :src=http://www.mamicode.com/"imageSrc">
v-on
-
Shorthand:
@
-
<!-- method handler --><button v-on:click="doThis"></button><!-- inline statement --><button v-on:click="doThat(‘hello‘, $event)"></button>
VueJS
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。