核心提示:新建一个hello.html文件,输入以下内容:htmlheadtitle/titlescript src=https://unpkg.com/vue/script/headbodyp id=app{...
新建一个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!。