vue介紹 ~ 之官網(wǎng) (這個需要整合對應(yīng)的vue基礎(chǔ)等重疊內(nèi)容)

Vue.js(讀音 /vju?/, 類似于 view) 是一套構(gòu)建用戶界面的 漸進式框架

(1)Vue 采用自底向上增量開發(fā)的設(shè)計 ; 何為:自底向上???
Vue 的核心庫只關(guān)注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。
(2)Vue 完全有能力驅(qū)動采用單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用镐确。
https://github.com/vuejs/awesome-vue#libraries--plugins vue 生態(tài)系統(tǒng)支持的庫
http://cn.vuejs.org/v2/guide/single-file-components.html 單文件(vue教程主頁)

Vue.js 的目標:通過盡可能簡單的 API 實現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件.
實現(xiàn)了view+model的綁定
[和其他框架的對比](http://cn.vuejs.org/v2/guide/comparison.html vue)

引入vue.js
<script src="https://unpkg.com/vue/dist/vue.js"></script>

vue 學習的前提知識:html+css + javascript
安裝可以參考:
http://www.reibang.com/p/eda22fa7b12a
http://www.reibang.com/p/82eaeda8adcf

PS: 不推薦新手直接使用 vue-cli,尤其是對 Node.js 構(gòu)建工具不夠了解的同學。
那么新手應(yīng)該是怎么創(chuàng)建呢豆拨??能庆?

1施禾、 聲明式渲染
Vue.js 的核心是一個允許你采用簡潔的模板語法來聲明式的將數(shù)據(jù)渲染進 DOM 的系統(tǒng):
(也就是:通過模板將數(shù)據(jù)渲染到html的dom系統(tǒng)中)


將下面的app渲染到上面的id="app"中

上面看起來單單渲染一個字符串模板非常類似,但是vue.js 在背后做了大量工作搁胆。
這樣拾积,數(shù)據(jù)和dom已經(jīng)被綁定在一起,所有的元素都是響應(yīng)式的丰涉。
(過瀏覽器打開拓巧,修改app.message)

官網(wǎng)解釋修改,還是沒有修改成功

除了綁定插入的文本內(nèi)容一死,我們還可以采用這樣的方式綁定 DOM 元素屬性:


VM綁定數(shù)據(jù)

這里的 v-bind 屬性被稱為 “指令”肛度;
指令帶有前綴 v- ,表示它們是Vue.js提供的特殊屬性;它們會在渲染過得dom上應(yīng)用特殊的相應(yīng)行為投慈。簡單含義是:將這個元素節(jié)點的title屬性和Vue實例的message屬性綁定到一起承耿。
***打開瀏覽器的控制臺輸入 app2.message = 'some new message',你就會再一次看到這個綁定了title屬性的HTML已經(jīng)進行了更新伪煤。
這個沒有實驗到加袋。/(ㄒoㄒ)/~~

里面的div兩個同時并列會出現(xiàn)錯誤

顯示結(jié)果,所以只能夠有一個div開頭

&&&####
數(shù)據(jù)綁定沒有成功抱既;需要進一步進行研究/(ㄒoㄒ)/~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末职烧,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蚀之,老刑警劉巖蝗敢,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異足删,居然都是意外死亡寿谴,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門失受,熙熙樓的掌柜王于貴愁眉苦臉地迎上來讶泰,“玉大人,你說我怎么就攤上這事拂到』臼穑” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵谆焊,是天一觀的道長惠桃。 經(jīng)常有香客問我,道長辖试,這世上最難降的妖魔是什么辜王? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮罐孝,結(jié)果婚禮上呐馆,老公的妹妹穿的比我還像新娘。我一直安慰自己莲兢,他們只是感情好汹来,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著改艇,像睡著了一般收班。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上谒兄,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天摔桦,我揣著相機與錄音,去河邊找鬼承疲。 笑死邻耕,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的燕鸽。 我是一名探鬼主播兄世,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼啊研!你這毒婦竟也來了御滩?” 一聲冷哼從身側(cè)響起鸥拧,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎艾恼,沒想到半個月后住涉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體麸锉,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡钠绍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了花沉。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片柳爽。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖碱屁,靈堂內(nèi)的尸體忽然破棺而出磷脯,到底是詐尸還是另有隱情,我是刑警寧澤娩脾,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布赵誓,位于F島的核電站,受9級特大地震影響柿赊,放射性物質(zhì)發(fā)生泄漏俩功。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一碰声、第九天 我趴在偏房一處隱蔽的房頂上張望诡蜓。 院中可真熱鬧,春花似錦胰挑、人聲如沸蔓罚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豺谈。三九已至,卻和暖如春贡这,著一層夾襖步出監(jiān)牢的瞬間茬末,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工藕坯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留团南,地道東北人。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓炼彪,卻偏偏與公主長得像吐根,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辐马,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

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