新建一个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>的内容会跟着变。