<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <p>{{message}}</p> <input type="text" name="#" v-model="message" placeholder="请填写"> //意思是把message和input的value绑定。 </div> </body> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> new Vue({ el:"#box", data:{ message:‘hello caicai‘ } }) </script> </html>
原文：http://www.cnblogs.com/jinsuo/p/7504807.html