vue學習筆記(1)

2021-08-19 11:24:03 字數 876 閱讀 3624

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 使用方...