DOCTYPE html>
<html lang&#61;"en">
<head><meta charset&#61;"UTF-8"><title>智能社——http://www.zhinengshe.comtitle><meta name&#61;"viewport" content&#61;"width&#61;device-width, initial-scale&#61;1.0, maximum-scale&#61;1.0, user-scalable&#61;0"><meta name&#61;"apple-mobile-web-app-capable" content&#61;"yes"><meta name&#61;"apple-mobile-web-app-status-bar-style" content&#61;"black"><style>.red{color: red;}.blue{background: blue;}style><script src&#61;"vue.js">script><script>window.onload&#61;function(){new Vue({el:&#39;#box&#39;,data:{msg:&#39;abc&#39;}});};script>
head>
<body><div id&#61;"box"><input type&#61;"text" v-model&#61;"msg"><br>{{msg}}<br>{{*msg}} //后面更新不更新<br>{{{msg}}} //解析html<h1>h1>div>
body>
html>
DOCTYPE html>
<html lang&#61;"en">
<head><meta charset&#61;"UTF-8"><title>智能社——http://www.zhinengshe.comtitle><meta name&#61;"viewport" content&#61;"width&#61;device-width, initial-scale&#61;1.0, maximum-scale&#61;1.0, user-scalable&#61;0"><meta name&#61;"apple-mobile-web-app-capable" content&#61;"yes"><meta name&#61;"apple-mobile-web-app-status-bar-style" content&#61;"black"><style>.red{color: red;}.blue{background: blue;}style><script src&#61;"vue.js">script><script>window.onload&#61;function(){new Vue({el:&#39;#box&#39;,data:{}});};script>
head>
<body><div id&#61;"box">{{&#39;welcome&#39;|uppercase}} //转大写过滤器<br>{{&#39;WELCOME&#39;|lowercase}}{{&#39;WELCOME&#39;|lowercase|capitalize}} //首字母大写过滤器{{12|currency &#39;&#xffe5;&#39;}} //&#xffe5;12.00{{12|currency}} // $12.00div>
body>
html>