一个单js文件也可以运行vue

时间:2021-11-20 04:29:50
新建一个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>的内容会跟着变。