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