1、vue讀音,同view.
2、vue是什麼?
乙個mvvm框架(庫),特點:比較容易上手、小巧
(mvvm,可以模擬mvc, mvp, mv*, mvx)
3、官網
4、vue和angular區別?
vue : 簡單、易學
指令以 v 開頭,如 v-***
一片html**配合上json,再new出來vue例項
個人維護專案
適合:移動端專案
vue的發展勢頭很猛,github上star數量超越angular
angular: 上手難
指令以ng開頭,如 ng-***
所有屬性和方法都掛到$scope身上
由google維護
適合:pc端專案
共同點: 不相容低版本的ie
5、v-on:click 可以簡寫 @click
6、阻止冒泡:@click.stop
7、阻止預設行為:@contextmenu.prevent (如:阻止右鍵選單)
8、鍵盤事件:@keydown
@keyup (@keyup.13 或者 @keyup.enter 表示回車鍵)
(@keyup.up/down/left/right 表示上/下/左/右)
9、v-bind:src 可以簡寫 :src (如:width 表示寬度,height/title/class/style等)
10、} 資料更新模板變化
} 資料只繫結一次
}} html轉譯輸出
11、過濾器
例子:轉大寫 }
轉小寫 }
首字母大寫 }
轉小寫並首字母大寫 }
美元符號 }
人民幣符號 }
vue學習筆記1
一.vue原始碼目錄結構的含義 src下面的 compiler 編譯 core components 元件,包含 keep alive.js global api 全域性api,包括extend.js,mixin.js instance 例項,包含渲染的輔助函式 events.js,init.js,...
Vue學習筆記(1)安裝vue
npm安裝vue 命令列輸入 node v 檢視node版本 驗證是否安裝成功 映象 可選 cnpm registry 安裝過 映象後就可以在命令列輸入cnpm代替npmle 安裝cli腳手架構建工具 命令列輸入 cnpm npm install g vue cli 安裝 初始化乙個專案 vue i...
vue學習筆記(一)vue基本語法1
1 該指令後面不需要跟任何表示式,可以直接使用 2 該指令表示元素和元件只渲染一次,即使元件資料改變了展示出來的頁面中也不會改變 1 有時候,從伺服器中請求的資料是乙個html 此時如果直接用mustache語法直接包裹的話輸出的是 本身。如果希望解析html 的話就需要v html指令 2 使用方...