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学习笔记：数据渲染操作

原文：https://www.cnblogs.com/wbyixx/p/11963470.html