v-bind、v-model和v-on
v-bind （缩写 :） 动态地绑定一个或多个特性、或一个组件 prop 到表达式。 官网举例：如下 v-model 在表单控件或者组件上创建双向绑定。实例如下： v-on 指令用于监听DOM事件 形式如：v-on:...
2018/07/19 00:00
加载中
v-if和v-show的用法
相同点 v-if 和 v-show 都可以动态控制 dom 元素显示隐藏； 不同点 v-if 显示隐藏是将 dom 元素整个添加或删除（频繁操作dom对性能影响很大）； v-show 隐藏是为该元素添加 disp...
2019/09/05 00:00
v-for和v-if的问题
当v-for和v-if在同一个元素标签上时，v-for优先级高于v-if，也就是说在v-for的每次循环运行中都会调用v-if的判断，所以会出现问题，vue官网推荐将v-if移到父元素。 例子： testData: { } 以上...
2019/09/12 00:00
v-if与v-show的区别
场景： 1、使用element-ui中el-upload组件作图片上传 2、上传成功后来回切换tab 3、tab是否显示使用的是v-if （粗略图） 问题： 1、上传成功后，图片显示，切换tab之后图...
2020/05/09 00:00
v-if与v-show的区别
场景： 1、使用element-ui中el-upload组件作图片上传 2、上传成功后来回切换tab 3、tab是否显示使用的是v-if （粗略图） 问题： 1、上传成功后，图片显示，切换tab之后图...
2020/05/09 00:00
v-show与v-if的区别
在自学vue.js这个比较简单的前端框架的一些指的过程中，我通过查找相关资料发现了v-show与v-if的一些区别。 v-show与v-if除了以下两点区别以外，用法基本相同： 1. v-show的隐藏是生成HTML标...
2018/10/01 00:00
Vue的Key属性，v-for和v-if，v-if/v-show，v-pre不渲染，v-once只渲染一次
key属性为什么要加 key -- api 解释 key的特殊属性主要用在vue的虚拟dom算法，如果不适用key，vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用Key，...
2019/11/03 00:00
v-text,v-html,v-bind
转自： 1. v-text 作用 ： 操作元素中的纯文本 快捷方式 ： {{}} 栗子1 简写形式：将v-text=""换成{{}} 结果：hello world 栗子2 结果：今天是2017年5月 等同于： 这里v-text=""，双引号并不...
2019/05/10 00:00
Vue的Key属性，v-for和v-if，v-if/v-show，v-pre不渲染，v-once只渲染一次
key -- api 解释 key的特殊属性主要用在vue的虚拟dom算法，如果不适用key，vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用Key，它会基于Key的变化重...
2019/11/03 00:00
v-html 、v-text({{}}) 、v-model的区别
说一下最近遇到的一个bug，以及解决方案 项目中遇到的后端给出iconfont的字段 在数据里面这样显示 当我用{{}}直接将这个字段显示出来时 页面显示这种情况 即有的icon能解析但是有的却不能解析...
2018/06/21 00:00
v-for与v-if的优先级
原文地址 永远不要把 和 同时用在同一个元素上。 一般我们在两种常见的情况下会倾向于这样做： 为了过滤一个列表中的项目 (比如 )。在这种情形下，请将 替换为一个计算属性 (比如 )，让其返回...
2019/05/09 00:00
Vue学习记录 (模板,差值表达式,v-text,v-html,v-bind,v-model,v-if,v-show,v-for,v-on,this关键字,按键修饰符)
模板示范 插值表达式:{{}} 在Vue的作用范围中使用data 支持js代码的运算 支持函数的调用 v-text:直接进行输出,会覆盖原有内容 v-html:会把数据解析成html代码执行 v-bind:对属性进行绑定 简写...
2019/10/19 00:00
v-if与v-show的区别与选择
v-if与v-show的区别与选择 官网给的区别 v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if也是惰性的：如果在初始渲染时条件为假...
2018/11/14 00:00
vue_条件渲染_v-if_v-else_v-show
data: { ok: true flag: false } 1. 成对出现的 v-if 和 v-else 原理是： 标签的删除与重新创建 ，有些情况必须用 v-if 表白成功 表白失败 2. v-show 原理是： 操作 display: none，标签的重...
2019/02/15 00:00
v-if条件渲染和v-show
1、 如果v-if里面的变量ok为真，就渲染这个节点 2、 元素必须紧跟在带 或者 的元素的后面，否则它将不会被识别。 ，顾名思义，充当 的“else-if 块”，可以连续使用： 3、另一个用于根据条件...
2018/02/07 00:00
