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

 

转载于:https://www.cnblogs.com/zzz035921/p/11244933.html