[TOC] >[success] # v-pre 让大胡子语法在页面展示 ~~~ 1.不想渲染大胡子的语法时候使用'v-pre'. ~~~ >[danger] ##### 案例 ![](https://box.kancloud.cn/d8c02657ea0bb09ad76962d53105f487_157x53.png) ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--导入Vue cdn 的网址--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script> </head> <body> <div id="app"> <p v-pre>{{不会被渲染}}</p> </div> <script> var vm = new Vue({ el: '#app', data: { pushArray:'', msg:1, }, methods:{ changeMsg(){ this.msg = this.pushArray; } } }); </script> </body> </html> ~~~