Vue第一次課程筆記

2021-09-26 21:11:02 字數 1544 閱讀 1861

使用vue第一步

只有ie8以上的瀏覽器才能相容

引入vue

在new vue()

el ->vue 輸出的作用域

data -> 輸出的資料

} ->在作用域裡面放入在輸出的模版 模板裡放入data中定義的變數。

el類似jquery

常用指令

angular ng-show ng-repeat ng-model

v-show display true/false true = 顯示 false = 隱藏

json -> 鍵值對

左邊是鍵 右邊是值

v-for = 『i in arr』

} => 值

' at position 6: index}̲} => 索引值 } => 鍵值

v-moodel = var 讓標籤與變數雙向繫結

資料和輸出進行繫結

事件 標籤內輸入

v-on:click = 函式名

@click = 函式名 (推薦)

函式定義: 函式名:function(引數)

事件物件

e ve

nt傳入

事件物件

如果沒有

傳入的參

數預設第

乙個引數

就是事件

物件如果

想要在函

數中傳入

其他引數

則,在調

用函式時

形參

用event 傳入事件物件 如果沒有傳入的引數預設第乙個引數就是事件物件 如果想要在函式中傳入其他引數則,在呼叫函式時形參用

event傳

入事件對

象如果沒

有傳入的

引數預設

第乙個參

數就是事

件物件如

果想要在

函式中傳

入其他參

數則,在

呼叫函式

時形參用

event表示,直接寫event會被識別為undifined變數

此外,可以通過console。log(event) 命令在瀏覽器控制台檢視事件物件的屬性

防止冒泡(冒泡:標籤巢狀時從內標籤到外標籤都觸發同一事件)

傳統方案:在函式體內輸入以下任一命令

1.event.cancelbubble = true;

2.event.stoppropagation();

vue方案(推薦):@click.stop =函式名

阻止預設事件

傳統方案:函式體內輸入

1.event.preventdefault

vue方案(推薦)

@click.prevent = 函式名

@contextmenu:prevent = 函式名

鍵盤事件

keydown/up

按鍵物件可以用keycode進行唯一標識

vue快速識別按鍵:

keydown.65.66.68

keydown.left…

el 作用域/ data 資料/ methods 事件

第一次筆記

引用資料在記憶體中儲存的資料 a 100 a 是指向100的乙個引用 print id a 互動模式和直接引用的區別直接引用 a 367b 367print id a 2429337035888 每次執行結果會變 print id b 2429337035888 每次執行結果會變 print a i...

第一次使用Vue

接觸前端時,一直在想,網頁中那麼多資料,怎麼一次性渲染到頁面中?通過js可以實現,但是比較繁瑣,需要組合字串,很麻煩。還有更好的辦法嗎?直到我遇見了vue.總的來說,vue可以把網頁中的各種資料集中到一起,用陣列的方式呼叫,並且還支援迴圈這樣的方式呼叫 當然,目前我還是小白,更高階的功能需要進一步探...

《第一次c語言程式設計課程筆記》

section 1 知識梳理 c語言程式處理的資料有常量和變數兩種形式 2 常量 在程式中不能改變其值的量 包括有 整型常量,實型常量,字元型常量,字串常量,列舉型常量。變數 在程式執行過程中可以改變的量 定義變數時,需要宣告變數型別和變數名 先宣告後使用 乙個c程式有多個函式組成,有且僅有乙個ma...