Vue学习之基本指令

74 阅读1分钟

v-once

只会展示第一次的数据,后面数据再修改,DOM中的数据也不会修改

v-html

将变量以HTML的形式解析出来,并展示到所在的标签中 会覆盖当前标签中的内容

v-text

不常用,不够灵活 会覆盖当前标签中的内容

v-pre

将v-pre指令所在标签中的内容原封不动的显示出来

v-block

这个要配合css使用

很少用,可能会在虚拟DOM中使用

浏览器解析html代码时,是从上往下解析的

在加载到Vue实例管理这个元素之前:相当于将这个指令当成属性加到这个元素中,这个属性会让这个元素暂时不会显示出来

加载完Vue实例,管理这个元素后:

Vue实例会将这个指令删掉,即去掉属性

这个标签根据是否有这个属性,来决定这个元素是否要显示

当标签有这个属性时,不显示标签;而Vue实例管理这个元素后会去掉这个属性,让元素显示出来

style中的样式表示:当有这个属性的时候,就不让他显示出来(display为none)