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