對於沒有接觸過es6和webpack的童鞋來說，不建議直接用官方的腳手架vue-cli構件專案。

先按文件順序最少學習完元件那一章。直接在html檔案中引入vue.js開始學習,瞭解vue的基礎指令，和整個vue例項的基礎架構。

<script src="${path}/web/constant/vue.js"></script>

 在當前html中，寫入js程式碼：

<script type="text/javascript">
    new Vue({
        el:'#app',
        data: {
            message:'hello vue.js.'
        }
    });
</script>
 

html中，加入如下程式碼：

<h1>Vue demo</h1>
    <div id="app">
    <div>{{message}}</div>
    <input type="text" v-model="message">
</div>

修改文字框中的內容，可以看到文字框上方的內容也在相應改變；這就是vue的雙向繫結。