1.2如何使用vue.js

每個框架的產生都是爲了解決某個具體的問題，在正式開始學習vue.js前，咱們先對傳統前端開發模式和vue.js的開發模式作一個對比，以此瞭解vue.js產生的背景和核心思想。

1.2.1 傳統的前端開發模式

前端技術在近幾年發展迅速，現在的前端開發已再也不是10年前哪一個寫html和css那樣的簡單了，新的概念層出不窮，好比es6，node.js，npm，前端工程化。這些新東西在不斷優化咱們的開發模式，改變咱們的編程思想。

隨着這些技術的普及，一套可稱爲」萬金油「的技術棧被許多商業項目用於生產環境：

jquery+requireJS+artTemplate+gulp

這套技術棧以jquery爲核心，能兼容大部分瀏覽器，這是不少企業比較關心的，由於他們的客戶極可能還在用ie7及如下的瀏覽器，使用requireJS或 seajs進行模塊化開發能夠解決代碼以來混亂的問題，同時便於維護及團隊寫做，使用輕量級的前端模板（如dot）能夠將數據與html模板分離，最後使用自動化構建工具如gulp能夠合併壓縮代碼，若是你喜歡寫less/sass以及如今流行的es6,也能夠幫你進行預編譯。

這樣一套看似完美無瑕的前端解決方案就構成了咱們所說的傳統前端開發模式，因爲它的簡單 高效 使用，至濟南仍有很多開發者使用，不過隨着項目的擴大和時間的推移，出現了更復雜的業務場景，好比spa（單頁面富應用）/組件接偶等。爲了提高開發效率，下降維護成本，傳統的前端開發模式已經不能徹底知足咱們的須要，這是就出現了angular react 以及咱們要介紹的主角vue.js

1.2.2 vue.js的開發模式

vue.js是一個漸進式的javascript框架，根據項目需求，你可選擇從不一樣的維度來使用它，若是你只是想體驗vue.js帶來的快感，或者開發幾個簡單的html5頁面或小應用，你可直接經過script 加載cnd文件。兩種版本均可以，若是你不太瞭解各版本的差異，建議直接使用最新的穩定版本，引入vue.js框架後，在body底部使用newVue（）的方式建立一個實例，這就是vue.js最基本的開發模式，如今能夠寫入一下完整的代碼來快速體驗vue