新建一个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>的内容会跟着变。
一个单js文件也可以运行vue
原文地址:https://www.cnblogs.com/zhaogaojian/p/8407449.html