新建一个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>的内容会跟着变。
原文地址：https://www.cnblogs.com/zhaogaojian/p/8407449.html
时间： 2024-11-05 14:48:23