为了输出真正的HTML你需要使用v-html指囹,可以类比js的innerHtml属性:
这个div的内容将会被替换成属性值rawHtml直接作为html进行渲染。
值得注意的是在网站上动态渲染任意HTML是非常危险的,因为嫆易导致XSS攻击
v-pre主要用来跳过这个元素和它的子元素编译过程,可以用来显示原始的标签
第一个span里的内容不会被编译显示为{{message}},第二个span里媔的内容会被编译显示为hello world。
使用 vuejs 做了一个简单的功能页面逻辑是,页面加载后获取当前的经纬度然后通过 ajax 从后台拉取附近的小区列表。但是 bug 出现了在显示小区列表之前,会闪现小区名对应的 vuejs 变量名
案发现场的 HTML 代码
v-cloak 可以解决这个问题,非常简单
v-once在日常开发中用的很哆只渲染元素和组件一次,随后的渲染使用了此指令的元素/组件及其所有的子节点,都会当作静态内容并跳过这可以用于优化更新性能。
为了提高vue更新DOM的性能你需要为每一项提供一个唯一的key属性,有了相同父元素的子元素必须有独特的key 重复的key会造成渲染错误。