vue学习笔记:数据渲染操作

{{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;}'

你可能感兴趣的:(vue学习笔记:数据渲染操作)