1. 什么是Vue?
在vue官網(wǎng)上寫著:vue 是數(shù)據(jù)驅(qū)動的組件违施,為現(xiàn)代化的web界面而生
那么問題來了兔院,什么是數(shù)據(jù)驅(qū)動呢?我就找了下猛频,簡書上還真有人詳細(xì)講解了,傳送門:什么是數(shù)據(jù)驅(qū)動疯暑?
數(shù)據(jù)驅(qū)動
定義:
一個數(shù)據(jù)驅(qū)動的組織會以一種及時的方式獲取甘凭、處理和使用數(shù)據(jù)來創(chuàng)造效益蜓洪,不斷迭代并開發(fā)新產(chǎn)品,以及在數(shù)據(jù)中探索(navigate)记某。
組件
定義:
組件就是對數(shù)據(jù)和方法的簡單封裝。從而能夠進(jìn)行組件化的開發(fā)若未。組件化的目的是為了程序模塊化玫荣,使得不同模塊之間可以單獨的開發(fā)辙芍,單獨測試吃衅。
所以猪贪,根據(jù)vue的含義,其實vue就是一個組件尤慰,是為了web界面服務(wù)的霜医。
2. Vue的特點
-
簡潔
不依賴其他庫医男,只需要html+json+new vue(vue實例) -
數(shù)據(jù)驅(qū)動
自動追蹤依賴模板表達(dá)式和計算屬性丰辣,通俗點說芽隆,其實就是數(shù)據(jù)雙向綁定孽拷,頁面修改馬上顯示 -
組件化
用解耦、可復(fù)用的組件來構(gòu)造界面窿侈×夺#可以在運行時按需加載,開發(fā)更靈活圆兵。 -
輕量
大小20來kb火本,而且不依賴其他庫擎析,比起Angular的重量級喜最,比較適合用于移動端。 -
快速
精確有效的異步批量DOM更新舟陆。(這一點要在后面的應(yīng)用才能感受,233333) -
模塊友好
可以通過NPM或者Bower安裝等前端包管理工具進(jìn)行安裝昙沦,直接install超簡單,無縫融入您的工作流。
3. vue的安裝
通過上面的了解橱健,可以進(jìn)入vue的學(xué)習(xí)模式啦袱结。
學(xué)習(xí)的心已具備,只欠安裝倡怎。
安裝方式有很多種:
1.通過官網(wǎng)直接下載相應(yīng)版本,解壓放到項目里面即可够滑。
2.通過CDN
直接在項目里面引用cdn地址即可分蓖。可以從jsdelivr 或 cdnjs 獲取
<script type="text/javascript" src="http://cdn.jsdelivr.net/vue/1.0.24/vue.min.js">
或者
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.min.js">
3.通過NPM或者bower安裝
NPM:
# 最新穩(wěn)定版本
$ npm install vue
# 最新穩(wěn)定 CSP 兼容版本
$ npm install vue@csp
Bower:
# 最新穩(wěn)定版本
$ bower install vue
4.再或者瓤荔,你不想下載或者安裝上面那些東東,可以直接在jsfiddle等在線js編輯器里面玩耍vue
官方網(wǎng)站提供了個hello world的例子压恒,可以點擊進(jìn)去玩玩。
超方便,界面也挺好看的哈蝶桶。
結(jié)語
工欲善其事必先利其器,今天的了解有助于以后的學(xué)習(xí)。先介紹到這里。在這里班門弄斧了屠缭,有錯誤輕拍哈。