新建一个hello.html文件，输入以下内容： <html> <head> <title></title> <script src="https://unpkg.com/vue"></script> </head> <body> <p id="app"> {{ message }} </p> <script type="text/javascript"> var app = new Vue({ el: ‘#app‘, //这是element data: { message: ‘Hello Vue!‘ } }) </script> </body> </html>
打开后就是Hello Vue!。
打开控制台，输入app.message = "Hello world!"，那么页面就会动态变化成Hello world!。
使用Chrome浏览器。
<div id="app"> <p>{{ message }}</p> <input type="text" v-model="message"/> </div>
修改代码，在input里写字，<p>的内容会跟着变。