-
代码演示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>v-text & v-html案例</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="../asserts/js/vue.js"></script> </head> <body> <h1>v-text & v-html案例</h1> <hr> <div id="app"> <span>{{message}}</span>=<span v-text="message"></span><br/> <span v-html="msgHtml"></span> </div> <script type="text/javascript"> var app = new Vue({ el:'#app', data:{ message:'Hello Vue!', msgHtml:'<h2>hello Vue!</h2>' } }) </script> </body> </html> -
代码重点
Vue给我们提供的v-text,是为了解决防止在网速很慢及js出错的时候，会暴露 {{xxx}} 。
学习链接： 技术胖
网友评论