摘要: 一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if 较好。 <body> <div class="box"> <!-- v-if 等于true的时候 会把这个元素彻底移除掉--> <h1 v- 阅读全文
posted @ 2019-09-24 16:44 WhiteSpace 阅读(483) 评论(0) 推荐(0) 编辑
摘要: 2.2.0+ 的版本里,**当在组件中使用** v-for 时,key 现在是必须的。 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时,它默认用 “**就地复用**” 策略。如果数据项的顺序被改变,Vue将**不是移动 DOM 元素来匹配数据项的顺序**, 而是**简单复用此处每个元 阅读全文
posted @ 2019-09-24 11:11 WhiteSpace 阅读(675) 评论(0) 推荐(0) 编辑
摘要: 1. 直接在元素上通过 `:style` 的形式,书写样式对象```<h1 :style="{color: 'red', 'font-size': '40px'}">这是一个善良的H1</h1>``` <div class="box"> <!-- 内联样式书写为对象形式 其中font-size 必须 阅读全文
posted @ 2019-09-24 10:15 WhiteSpace 阅读(10044) 评论(0) 推荐(0) 编辑
摘要: VUE使用的样式 1. 数组```<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> <body> <style> .red{ color: red; } .find{ font-style: italic; } </style> <!-- 使用v-bind 来绑 阅读全文
posted @ 2019-09-24 10:01 WhiteSpace 阅读(2323) 评论(0) 推荐(0) 编辑