VUE指令

作者: O人心 | 来源:发表于2020-01-29 17:31 被阅读0次

v-model:数据双向绑定

在表单控件或者组件上创建双向绑定。input、select、textare、component

v-for数据循环

v-for和v-if一起使用时,v-for的优先级比v-if的优先级高。但不建议一起使用,避免产生不友好的现象

v-show&v-if的区别

v-show:在元素中添加display。隐藏DOM元素,对于页面资源消耗比较少。

单纯的只是页面元素的隐藏可以使用v-show

v-if:直接删除DOM元素。DOM元素中有接口时,当v-if值为true时,会请求接口,如果加载内容的话,使用v-if是重新渲染,但对性能也有一些影响

v-bind绑定属性

绑定方式:v-bind:class 或 :class

v-text&v-html

v-text:不会解析标签,把标签当做字符串来解析

v-html:解析标签

如:v-text="<h4 style:color:white;>Cherry</h4>" ————<h4 style:color:white;>Cherry</h4>

v-html="<h4>Cherry</h4>"————Cherry

相关文章

网友评论

    本文标题:VUE指令

    本文链接:https://www.haomeiwen.com/subject/nudmthtx.html