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

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

posted @ 2018-02-02 23:30  zhaogaojian  阅读(562)  评论(0)  编辑  收藏  举报