1. v-cloak,控制数据加载完毕再显示组件
使用方法:css中写入
[v-cloak] {
display: none;
}
在标签中写入
<div v-cloak>{{ message }}</div>
2. v-pre,跳过编译,直接显示原始标签。
3. v-once,只渲染元素和组件一次。
4. v-model,双向绑定,用于input,textarea,select
5. URL.createObjectURL()的使用方法
URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。
URL.createObjectURL(blob)和FileReader.readAsDataURL(file)很相似,下面是个人的一些理解,如有不正确的地方,欢迎指出:
主要区别
- 通过FileReader.readAsDataURL(file)可以获取一段data:base64的字符串
- 通过URL.createObjectURL(blob)可以获取当前文件的一个内存URL
执行时机:
- createObjectURL是同步执行(立即的)
- FileReader.readAsDataURL是异步执行(过一段时间)