vue渲染

v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素;
v-show指令会渲染他身后表达式为false的元素,这样的元素上会添加css代码:style="display:none"
v-show 与v-if类似,只是会渲染其身后表达式为false的元素,而且会给这样的元素添加css代码:style="display:none";
v-else 必须跟在v-if/v-show指令之后,不然不起作用;
, v-for  类似JS的遍历,用法为 v-for="item in items", items是数组,item为数组中的数组元素
v-bind  这个指令用于响应地更新 HTML 特性,比如绑定某个class元素或元素的style样式。eg,分页功能中当前页数高亮的效果,可以使用bind指令
v-on  用于监听指定元素的DOM事件,比如点击事件。
v-once 能执行一次性的插值,当数据改变时,插值处的内容不会更新
v-html 直接作为HTML--会忽略解析属性值中的数据绑定。注意,不能使用v-html来复合局部板块,因为vue不是基于字符串的模板引擎。反之,对于用户界面(UI),组件更适合作为可重用喝可组合的基本单位。
备注:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值,绝不要对用户提供的内容使用插值。
v-text:更新元素的 textContent。如果要更新部分的 textContent ,需要使用 {{ Mustache }} 插值。
v-else-if 类型any
限制:前一兄弟元素必须有 v-if 或 v-else-if
用法:表示 v-if 的 “else if 块”。可以链式调用。

版权所有:《云峰之上
文章标题:《vue渲染
除非注明,文章均为 《云峰之上》 原创
转载请注明本文短网址:http://mrwenfeng.com/?post=4  [生成短网址]

暧昧贴

发表评论

    微笑 大笑 拽 大哭 奸笑 流汗 喷血 生气 囧 不爽 晕 示爱 卖萌 吃惊 迷离 爱你 吓死了 呵呵