v-if v-else v-else if v-html v-text v-once v-pre v-cloak filter 的使用

1.v-if v-else v-else if 的使用
例:

000000000000

111111111111

222222222222

333333333333

444444444444

555555555555

注释:v-html可以解析标签
v-text不可以解析标签

3.v-once和v-pre的使用
例:

 

{{msg}}

{{msg}}

注释:v-once 为只绑定一次的意思
v-pre 为原样输出的意思

4.v-cloak的使用
例:

{{mag}}

注释:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

5.过滤器的使用
例:

{{6|head}}

注释:过滤器:对显示在页面上的数据进行处理筛选
全局:
js:
Vue.filter("过滤器的名字",function(参数){
})
html:{{值|过滤器名字}}

局部:

{{5|addZero}}

你可能感兴趣的:(v-if v-else v-else if v-html v-text v-once v-pre v-cloak filter 的使用)