vue

v-clock 请求时不显示内容  能够解决 插值表达式闪烁的问题

插值法有闪烁问题  v-text没有闪烁问题

v-text会将值完全覆盖元素中原本的内容,插值法只会替换自己的占位符,不会把整个元素内容清空

v-text和插值法都不能转换元素格式  v-html可以改变元素中指令的问题

v-bind:是vue中提供的用于绑定属性的指令,简写:后面跟绑定属性

v-bind中可以写合法的js表达式

v-on:绑定事件, 缩写@

methods 这个属性中定义当前vue实例所有可用的方法

绑定元素设置class样式

第一种方法直接传递数组,这里的class需要使用v-bind做数据绑定

第二种使用三元表达式

第三种在数组中使用,对象代替三元表达式,提高代码的可读性

第四种class使用v-bind绑定 对象的时候,对象的属性是类名,杜希昂的属性可带引号也可不带引号,属性的值是一个标识符

通过属性绑定style

v-for 循环的时候可以属性只能使用number获取string

可以在使用的时候必须使用v-bind属性的绑定形式,指定key的值

使用v-for循环的时候,或者在一些特殊情况中,如果v-for有问题,必须在使用v-for的同时,指定唯一的字符串/数字  类型:key;

v-if的特点每次都会重新删除或创建元素

v-show的特点每次都不会重新进行dom的删除和创建,只是切换了元素的display:none

v-if有较高的切换性能

v-show 有较高的初始渲染

如果元素涉及到频繁切换最好不要使用v-if而是使用v-show

如果元素有可能永远也不会实现出来则推荐使用v-if

 

posted @ 2019-07-25 16:09  前端工作员  阅读(138)  评论(0编辑  收藏  举报