vue.js入門

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地址即可分蓖。可以從jsdelivrcdnjs 獲取

<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)去玩玩。

超方便,界面也挺好看的哈蝶桶。


helloWorld.png

結(jié)語

工欲善其事必先利其器,今天的了解有助于以后的學(xué)習(xí)。先介紹到這里。在這里班門弄斧了屠缭,有錯誤輕拍哈。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末是整,一起剝皮案震驚了整個濱河市句伶,隨后出現(xiàn)的幾起案子轧苫,更是在濱河造成了極大的恐慌楚堤,老刑警劉巖疫蔓,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異身冬,居然都是意外死亡衅胀,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進(jìn)店門酥筝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來滚躯,“玉大人,你說我怎么就攤上這事嘿歌〉停” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵宙帝,是天一觀的道長丧凤。 經(jīng)常有香客問我,道長步脓,這世上最難降的妖魔是什么愿待? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮靴患,結(jié)果婚禮上仍侥,老公的妹妹穿的比我還像新娘。我一直安慰自己蚁廓,他們只是感情好访圃,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著相嵌,像睡著了一般腿时。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饭宾,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天批糟,我揣著相機與錄音,去河邊找鬼看铆。 笑死徽鼎,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的弹惦。 我是一名探鬼主播否淤,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼棠隐!你這毒婦竟也來了石抡?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤助泽,失蹤者是張志新(化名)和其女友劉穎啰扛,沒想到半個月后嚎京,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡隐解,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年鞍帝,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片煞茫。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡帕涌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出溜嗜,到底是詐尸還是另有隱情宵膨,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布炸宵,位于F島的核電站辟躏,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏土全。R本人自食惡果不足惜捎琐,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望裹匙。 院中可真熱鬧瑞凑,春花似錦、人聲如沸概页。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽惰匙。三九已至技掏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間项鬼,已是汗流浹背哑梳。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留绘盟,地道東北人鸠真。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像龄毡,于是被迫代替她去往敵國和親吠卷。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)自:https://wx.abbao.cn/a/4953-097a6b683ef44aa5.html 前端討論群...
    秋天的程序員閱讀 1,792評論 3 45
  • 螞蟻金服體驗技術(shù)部招人啦沦零,前端開發(fā)專家撤嫩,Node.js開發(fā)專家,歡迎投遞簡歷蠢终,長期有效序攘。郵箱: chenglin....
    兼續(xù)閱讀 75,613評論 11 103
  • 0x1.開發(fā)環(huán)境準(zhǔn)備: 筆者環(huán)境:Mac 1.HomeBrew準(zhǔn)備 HomeBrew是Mac OSX上的軟件包管理...
    lijaha閱讀 951評論 0 1
  • Vue.js 是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級框架不同的是寻拂,Vue 采用自底向上增量開發(fā)的設(shè)計程奠。Vue...
    純情_小火雞閱讀 471評論 1 2
  • 包含指令包括靜態(tài)包含和動態(tài)包含靜態(tài)包含 屬于先包含然后再進(jìn)行集中編譯。在 標(biāo)簽里面祭钉。包含不管后綴名是什么瞄沙,都會將...
    shenyoujian閱讀 609評論 0 0