v-pre指令:
1.跳过其所在节点的编译过程
2.可利用v-pre跳过:没有使用指令语法、没有使用插值语法点节点,会加快编译。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-text|v-html</title> <!-- js阻塞 --> <script type="text/javascript" src="../Js/vue.js"></script> <style> [v-cloak] { display: none; } </style> </head> <body> <div id="root"> <h3> v-pre指令:<br> 1.跳过其所在节点的编译过程<br> 2.可利用v-pre跳过:没有使用指令语法、没有使用插值语法点节点,会加快编译。<br> </h3> <hr> <h3 v-pre>Vue v-pre学习示例 </h3> <h3 v-pre>当前的n值是{{n}}</h3> <button v-pre a="vue不解析了直接展示了" @click="n++">n++</button> </div> </body> </html> <script type="text/javascript"> //console.log(vm) Vue.config.productionTip = false const vm = new Vue({ el: '#root', data: { name: 'v-text 学习笔记', n: 1, }, }) </script>
博客内容主要用于日常学习记录,内容比较随意,如有问题,还需谅解!!!