13-Vue指令之其他
来源:互联网 发布:软件开发个人年终总结 编辑:程序博客网 时间:2024/06/04 19:05
- v-pre
编译时跳过当前元素和它的子元素,可以用来显示原始的 mustache 标签,跳过大量没有指令的节点会加快编译
v-cloak
这个指令保持在元素上直到关联实例结束编译。
- 当和 css 规则如 [v-clock] { diaplay:none} 一起使用时,这个指令可以隐藏为编译的 mustache 标签直到实例准备完毕,否则在渲染页面时,用户有可能会先看到 mustache 标签,然后看到编译后的数据。
用法如下:
[v-cloak]{display:none}<div v-cloak>{{ message }}</div>
或者像这样
<span>{{price}}</span><span v-bind="price"></span><span v-cloak>{{price}}</span>
实事上例2和例3实现的效果是一样的,而例子1在 uejs解析{{price}}之前,用户是可以看到”{{price}}”这个字符串的。而例子2和例子3不会有这种闪烁的情况。
阅读全文
0 0
- 13-Vue指令之其他
- VUE学习之指令
- vue之自定义指令
- Vue之自定义指令
- Vue之自定义指令
- Vue.js指令篇之自定义指令
- vue 进阶系列之指令
- vue第二篇之指令
- vue.js之自定义指令
- Vue之自定义指令进行表单验证。
- 09、vue.js 之自定义指令
- 10-Vue指令之V-bind
- 11-Vue指令之V-on
- 12-Vue指令之v-ref
- vue入门篇之内部指令
- Vue.js 学习(6) -- Vue指令之:条件渲染
- Vue.js 学习(6) -- Vue指令之:列表渲染
- vue.js初学2之vue指令①
- 机器语言
- 检查网络状态(Android3.0以上)
- 树莓派上搭建Git服务器
- poj 1724
- Linux 用grep、xargs 、rm查找包含某字符串的文件并删除
- 13-Vue指令之其他
- HBase的表结构
- (84)BufferedReader子类:LineNumberReader
- 汇编语言
- 基于WebSocket实现的Android和H5聊天通讯实例【附效果图附所有源码】
- 集合:set用法;
- android_拍照
- 用户,组,文件权限管理
- 数据库特殊使用方法