Vue的v-cloak和v-pre指令有什么作用？

【概念释义】

v-cloak 配合 CSS [v-cloak]{display:none} 隐藏未编译模板闪动。v-pre 跳过该元素及子树的编译，原样显示 {{ }}，用于展示 Mustache 示例或静态内容。

【基础使用】

<style>[v-cloak] { display: none; }</style>
<div id="app" v-cloak>{{ msg }}</div>
<div v-pre>{{ 这段不编译 }}</div>

【版本差异】

Vue 3 仍支持；SSR 水合后无闪动；v-pre 减编译开销。

【拓展延伸】