Vue – v-pre 的应用

简介

Vue 实例创建后会对 html 中的所有结构进行遍历，检索每一行html结构中是否存在需要Vue渲染的元素，如{{ prop }} 之类的值，v-pre 的作用是让Vue跳转检索，把html 标签原跳输出，目的是可以优化渲染速度。

v-pre 的使用

<div id="app">
    <div v-pre>我是无需渲染的元素</div>
    <div>我是需要渲染的元素：{{student.name}}</div>
</div>

此时，当Vue在检索带有 v-pre 属性的标签时，会直接跳过渲染，提高渲染速度。