{{xxx}}
基本的插值表达式
插值表达式 使用两个大括号 {{ data中定义的数据名 }}
可以将数据插入到指定的位置
这种写法不仅可以显示data属性里定义的值,也可以书写js中的表达式,可以使用methods中定义的函数等等
其他数据渲染指令
-
v-text
:指定元素的内容(纯文本) -
v-html
:指定元素的内容(解析html) -
v-pre
:用于跳过这个元素和它的子元素的编译过程,用于显示原本的Mustache语法({{xxx}}
) -
v-once
:只进行一次渲染,不进行响应式,不随着数据的改变而改变
v-cloak
防止闪烁
如果页面先加载了{{...}}
,随后加载了vue的文件,则会出现闪烁的问题
解决方法是 给闪烁的元素加上一个 v-cloak
并添加一个样式 [v-cloak] {display: none;}
'