原创 監聽鍵盤事件
功能：在輸入框中，按回車/空格鍵，都會執行alertMe函數，彈出Alert!提示框。 這裏是兩個按鍵哦都可以彈出提示框。要是隻是按回車彈出提示框應該爲：v-on:keyup.enter = "alertMe"
2019-02-22 16:44:29
原创 emmmet之HTML語法
嵌套操作 使用 “>” 生成子元素div>ul>li 按table鍵： 2.使用符號 “+” 生成兄弟元素div+p+bq 按table鍵：3.使用 “^” 生成父元素，與 “>” 相反div+div>p>span+em^bq
2019-01-08 13:25:31
原创 CSS類動態樣式---使用對象
把樣式對象作爲Vue實例內的計算屬性來處理，因爲這個屬性是由attachRed經過計算得到可以調用divClasses，它像其它的計算屬性一樣是個函數，這個函數應該返回一個JavaScript對象，在Vue代碼裏必須通過this來訪問這個屬
2019-01-05 13:44:36
原创 CSS類動態樣式----使用命名
理由：有時你不行事先確定是否添加某個CSS類，你想要計算或者動態決定，比如說添加<hr>標籤和<input>輸入框，輸入框綁定color屬性，查看代碼：現在<div>元素根color屬性產生了關聯，而color的值在輸入框設置，在輸入框中把
2019-01-05 13:44:36
原创 動態設置樣式----不適用CSS類
如何直接通過style控制樣式，即，不一定非得使用樣式類，比如，你只下改變樣式，更具體的，執行改變顏色，輸入：style綁定樣式，然後是一個對象，key是你下要綁定的樣式，background-color需要用單引號包起來，或者用駝峯寫法b
2019-01-05 13:44:36
原创 幾種動態設置樣式的方法
樣式類綁定： <div class="demo" @click="sttachRed = !attachRed" :class="{red:attachRed}"></div> 使用對象： <div class="demo" @clic
2019-01-05 13:44:36
原创 用計算屬性來響應改變
data屬性不是響應式的，所以不能寫成data:{counter:0, result:this.counter>5?Greate 5 : Small5 },而應該寫成然後在html調用：現在在增加按鈕和secondCounter時：那麼這個
2019-01-04 13:23:21
原创 偵聽對象 watch
處理依賴，Vue還提供了另外一種處理依賴的方法：偵聽對象。再computed屬性裏面，我們設置需要計算的屬性，而在函數裏面設置計算這個屬性的邏輯，偵聽屬性採用的則是另外一種機制，把想要偵聽的屬性名稱設置爲鍵，這裏就是counter這個鍵，必
2019-01-04 13:23:21
原创 CSS動態樣式---基礎-控制是否添加CSS類
功能：三個背景框，點擊按鈕添加CSS屬性，再次點擊去除CSS屬性。 比如，我想實現只有點擊這個元素時才添加這個red類，再次點擊時移除red類，爲了實現這個功能，需要在Vue實例內添加data屬性，以便和模板代碼建立聯繫。attachRed
2019-01-04 13:23:21
原创 監聽鍵盤事件
功能：在輸入框中，按回車/空格鍵，都會執行alertMe函數，彈出Alert!提示框。 這裏是兩個按鍵哦都可以彈出提示框。要是隻是按回車彈出提示框應該爲：v-on:keyup.enter = "alertMe"
2019-01-03 13:32:06
原创 傳遞你自己的事件參數
1.之前的函數調用都沒有參數，如何爲函數傳遞參數呢。 看代碼標紅的地方，即可瞭解如何傳遞給參數到函數調用中。 傳遞自定義參數就是如此簡單。如果不僅要傳遞自定義參數，還要傳遞DOM生成的事件對象（給方法），一樣的，只需要再加一個參數，這個參
2019-01-03 13:32:05
原创 用事件修飾符來修改事件
功能：當鼠標移動到"DEAD SPOT"上時，停止更新位置信息。默認的，鼠標在P標籤位置這一行移動時，由於有v-on，默認的會有一個默認的event事件對象自動創建給函數。所以當我在這一行移動時，eventX和eventY的值會不斷變化。現
2019-01-03 13:32:05
原创 從事件對象裏獲取事件數據
事件對象：它是由JavaScript和DOM自動創建產生，它包含着事件的相關數據，如click事件包含了事件觸發位置的座標。如果我們要獲取事件數據，比如要輸出事件數據。 下面的代碼中，要想獲取事件的座標，需要先訪問到這個自動生成的事件對象，
2019-01-03 13:31:33