Vue的条件判断 v-if用于条件判断,判断Dom元素是否显示。单独使用v-if,变量为布尔值,为true才渲染Domv-show的变量也是布尔值,为true才显示内容,类似css的displayv-if、v-else、v-else-if联合使用相当于if、elseif、else,但是在条件比较多的时候建议使用计算属性。...
Vue中动态绑定属性 某些时候我们并不想将变量放在标签内容中,像这样是将变量h2标签括起来,类似js的innerHTML。但是我们期望将变量imgURL写在如下位置,想这样导入图片是希望动态获取图片的链接,此时的imgURL并非变量而是字符串imgURL,如果要将其生效为变量,需要使用到一个标签,像这样,而且这里也不能使用Mustache语法,类似,这也是错误的。此时vue对象中定义的imgURL变量和aHerf变量可以动态的绑定到img标签的src属性和a标签的href属性。,此时修改imgURL变量图片会重新加载。...
Vue插值操作 这里通过延时1秒模拟加载卡住的状态,结果一开始不显示message的值,div元素中有v-cloak的属性,1秒后显示message变量的值,div中的v-cloak元素被移除。这样的字符串,而输出被html自己转化的超链接。这个标签,在vue解析完成之后,v-cloak标签被移除。到message变量“你好啊”的变化,这样闪动的变化,会造成用户体验不好。v-text会覆盖dom元素中的数据,相当于js的innerText方法。有时候因为加载延时问题,例如卡掉了,数据没有及时刷新,就造成了页面显示从。..
函数内的this指向 这些this的指向,是当我们调用函彭赂时候确定的。调用方式的不同决定了this的指向不同一般指向我们的调用者1.普通函数 this 指向window2.对象的方法 this指向的是对象o3.构造函数 this 指向ldh这个实例对象 原型对象里面的this也是指向ldh这个实例对象4.绑定事件函数 this指向的是函数的调用者 btn这个按钮对象5.定时器函数 this指向window6.立即执行函数 this指向window一.改变函数内部this 指