Skip to content

Latest commit

 

History

History
19 lines (12 loc) · 1.85 KB

Vue2.md

File metadata and controls

19 lines (12 loc) · 1.85 KB

13:00 雷群认为 Vue 中的 v-for 使用 in 比 of 的性能更好,我认为应该是没有区别,单纯是使用方式不同而已,因为 js 中的 for of 遍历的是 value,与 v-for 最终渲染的结果是一致的,所以用 of 更贴近而已(但是需要注意的是,es6 的 for of 不能遍历普通对象,而 v-for of 可以),在官方文档也没有看到任何有提及性能的地方。

什么是语义化版本控制?

随意在站点上动态的渲染任意的 HTML 可能会非常危险,因为会很容易导致 XSS 攻击,建议只对可信内容使用 HTML 插值,绝对不要将用户提供的内容作为插值

对于布尔类型的 attribute v-bind 工作起来会略有不同(有值意味着 true),在下面的例子中,如果 isButtonDisabled 值为 nullundefinedfalse 的时候,该 attribute 甚至不会被渲染到 <button> 元素中

<button v-bind:disabled="isButtonDisabled">Button</button>

动态参数会存在一些约束(Vue2.6+ 特性),如下

  • 对于动态参数值:预期要求一个字符串,异常情况下为 null,这个特殊的值可以用于显性的移除绑定,任何其他非字符串类型的值将会触发一个警告
  • 对于动态参数表达式:有一些语法约束,如空格和引号(因为放在 HTML attribute 中是无效的),将会触发编译警告,可以通过使用没有空格或引号的表达式(例如将复杂的表达式通过计算属性来替代
  • 对于动态参数表达式:在 DOM 中使用模板时(直接在 HTML 文件中写),需要避免使用大写字符来命名键名,因为浏览器会将 attribute 名强制转换为小写,若你的实例中对应的 property 是大写,那这可能会导致代码无法正常工作