随笔分类 - 深入浅出的vue.js
摘要：<div v-if="error" key="search-status"> 错误{{error}} </div> <div v-else key="search-results"> {{results}} </div> 如果一组v-if+v-else的元素类型相同，最好使用属性key。 如果添加了
阅读全文
摘要：<div v-for="item in items" :key="item.id"></div> key这个特殊性主要用在Vue.js的虚拟DOM算法中，在对比新旧虚拟节点是辨识虚拟节点 为什么要设置属性key呢？ 因为在虚拟dom更新子节点时，需要从旧节点列表中查找与新虚拟节点相同的节点进行更新。
阅读全文
摘要：为列表渲染增加属性key 在v-if/v-if-else/v-else中使用key 路由切换组件不变 为所有路由统一添加query 区分Vuex和props的使用边界 避免v-if和v-for一起使用 为组件样式设置作用域 避免在scoped中使用元素选择器 避免隐性的父子组件通信 单文件组件如何命
阅读全文
摘要：vue官方文本介绍： 1）使用： Vue.js允许我们自定义过滤器来格式化文本。它可以用在两个地方：双花括号和v-bind表达式。它应该被添加在JavaScript表达式的尾部，由”管道“符号指示： 1.在双花括号中 {{ message | capitalize}} 2.在v-bind中 <div
阅读全文
