Vue学习:v-pre_vue v-pre

作者：你好赵伟 | 2024-03-06 09:48:52

踩

vue v-pre

v-pre:跳过其所在节点的编译过程（你写成什么样页面就呈现什么样）


   
    <div id='root'>
        <h2 v-pre>静态内容</h2>
        <h2 v-pre>点击的操作实现: {{n}}</h2>
        <button v-pre @click="n++">点击+1</button>
    </div>

2、可以用于跳过没有指令的语法、没有使用插值语法的节点，会加快编译()


    <div id='root'>
        <h2 v-pre>静态内容</h2>
        <h2>点击的操作实现: {{n}}</h2>
        <button @click="n++">点击+1</button>
    </div>

v-pre指令

1、跳过其所在节点的编译过程（你写成什么样页面就呈现什么样 Vue不解析）

2、可以用于跳过没有指令的语法、没有使用插值语法的节点，会加快编译

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/197646