藍(lán)鷗旗下品牌：鷗課學(xué)院
全國(guó)咨詢電話：13152008057全國(guó)咨詢電話：13152008057框架（framework）：有著自己的語(yǔ)法特點(diǎn)、都有對(duì)應(yīng)的各個(gè)模塊。
庫(kù)（library）：專注于一點(diǎn)。
框架的好處：
提到代碼的質(zhì)量，開(kāi)發(fā)速度
提高代碼的復(fù)用率
降低模塊之間的耦合度（高內(nèi)聚低耦合）
UI：user interface
GUI：graphical user interface
CLI：command line interface
API：application interface
思維模式的轉(zhuǎn)換：從操作DOM的思維模式 切換到以數(shù)據(jù)為主。
是一個(gè)漸進(jìn)式的構(gòu)建用戶界面的js框架
小到的簡(jiǎn)單的表單處理，大到復(fù)雜的數(shù)據(jù)操作比較頻繁的單頁(yè)面應(yīng)用程序
方便閱讀的中文文檔
容易上手 （學(xué)習(xí)曲線比較緩和）
體積小
基于組件化的開(kāi)發(fā)方式
代碼的可讀性、可維護(hù)性得到了提高
工作方式：可以通過(guò)豐富的指令擴(kuò)展模板，可以通過(guò)各種各樣的插件來(lái)增強(qiáng)功能
方式1
全局安裝 vue-cli
$ npm install --global vue-cli
創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
$ vue init webpack my-project
安裝依賴
$ cd my-project
$ npm install
$ npm run dev
方式2
直接引入對(duì)應(yīng)的js文件
mustache(胡子)/interpolation（插值表達(dá)式）
語(yǔ)法：
<any>{{表達(dá)式}}</any>
作用：將表達(dá)式執(zhí)行的結(jié)果 輸出當(dāng)調(diào)用元素的innerHTML中；還可以將數(shù)據(jù)綁定到視圖。
基本語(yǔ)法1：
<any v-for="tmp in array"></any>
基本語(yǔ)法2：
<any v-for="(value,index) in array"></any>
作用：在遍歷array這個(gè)集合時(shí)，將臨時(shí)變量保存在tmp中，創(chuàng)建多個(gè)any標(biāo)簽。
語(yǔ)法：
<any v-if="表達(dá)式"></any>
<any v-else-if="表達(dá)式"></any>
<any v-else="表達(dá)式"></any>
作用：根據(jù)表達(dá)式執(zhí)行結(jié)果的真假，來(lái)決定是否要將當(dāng)前的這個(gè)元素，掛載到DOM樹。
語(yǔ)法：
<any v-on:eventName="handleEvent"></any>
作用：給指定的元素 將handleEvent的方法綁定給指定eventName事件。
關(guān)于藍(lán)鷗
校區(qū)分布
學(xué)習(xí)資源
更多動(dòng)態(tài)
微信二維碼
微博二維碼
