vue_插值操作

  1. Mustache语法(双大括号语法)
    用于将data中的文本数据插入到HTML中,可以写变量,也可以写简单的表达式,并且是响应式的。

    

{{message}}

{{message}},message

{{message}},{{firstName}

{{message+' '+firstName+' '+lastName}}

{{counter}}

{{counter*2}}

2.v-once
v-once后不跟任何表达式,当不想让数据是响应式的时候使用,表示元素只渲染一次,不会随着数据的改变而改变


    

{{message}}

3.v-html
将内容作为html来解析出来并渲染


    

4.v-text
用于将文本数据显示在界面中,会覆盖标签内文本


    

这段文字将被覆盖

5.v-pre
用于跳过这个元素和它子元素的编译过程,原封不动地展示标签内的内容


    

{{message}}

{{message}}

6.v-clock
延迟响应


    

{{message}}

你可能感兴趣的:(vue学习)