<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>智能社——http://www.zhinengshe.com</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <style> </style> <script src="vue.js"></script> <script> </script> </head> <body> <div id="box"> <span>{{msg}}</span> <span v-text="msg"></span> <!-- 网速慢看不见花括号--> <span v-text="msg1"></span> <!-- 不解析html--> <span v-html="msg1"></span> <!-- 解析html--> <span>{{{msg1}}}</span> <!-- 解析html--> </div> <script> new Vue({ el:‘#box‘, data:{ msg:‘welcome‘, msg1:‘<strong>welcome</strong>‘, a:1, b:1 } }); </script> </body> </html>
原文：http://www.cnblogs.com/yaowen/p/6976967.html