剛剛接觸VueJs的時候，還不懂NodeJs是什麽，單頁面應用是什麽？隨著慢慢的深入慢慢的理解了這些東西。簡單介紹一些VueJs，一個頁面一個Vue實例,包含了頁面中控件所需要的方法，事件，參數等等。先上一個例子。

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: ‘#app‘,
  data: {
    message: ‘Hello Vue!‘
  }
})

　　el綁定的是你Vue所作用的大範圍標簽的ID,data裏面是你整個界面中要用的值。放值就是用json的形式寫在data裏面，註意data，el，這些是規定好的屬性，不能更改。data裏面的東西可以根據自己需要來寫。取值的形式有多種（後面會詳細說），上面{{}}這一種形式是一種。

　　Vue引入有兩種方式，一種傳統Html裏面使用引js的方式引入Vue的js文件。一種是使用NodeJs引入。

　　主要說一下後面這種，目前隨著前端框架的興起和NodeJs的出現，單頁面應用成為目前前端開發的主流。對於Vue來說，實際開發項目時，也是采用單頁面的形式。

　　1.首先電腦上要有NodeJs環境，沒有需要裝一個，安裝步驟很簡單，下一步下一步就行了。打開cmd輸入npm -v顯示出版本號即安裝成功。

　　2.安裝淘寶鏡像npm install -g cnpm --registry=https://registry.npm.taobao.org(註意等號後面不要有空格不然會安裝不上)，安裝淘寶鏡像只是加快我們Install的速度，輸入cnpm -v來驗證是否成功。

　　3.安裝webpack,輸入npm install webpack -g，安裝完成之後輸入webpack -v驗證安裝是否成功。

　　4.安裝vue腳手架vue-cli,輸入npm install vue-cli -g，安裝完成之後輸入vue -V(V大寫)驗證是否安裝成功。

到這準備工作就完成了。下一篇會介紹如何生成vue的項目模板。

VueJS入門學習（一）