原创 Vue——17——列表動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
2020-07-06 01:38:34
原创 Vue——18——組件
1.組件的出現是爲了拆分Vue實例的代碼量的，能夠讓我們以不同的組件來規劃不同的功能模塊，將來我們需要什麼樣的功能，就可以去調用對應的組件即可 2.組件化和模塊化的不同 模塊化：是從代碼邏輯的角度進行劃分的，方便代碼分層開發，保證
2020-07-06 01:38:34
原创 Vue——品牌案例以及v-resource改造品牌案例
品牌案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
2020-07-05 16:19:34
1
原创 Vue——14——使用過渡類名實現動畫以及修改v前綴
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="..
2020-07-05 16:19:34
原创 Vue——15——使用animate.css第三方類庫實現動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="..
2020-07-05 16:19:34
原创 Vue——16——鉤子函數實現小球半場動畫
用鉤子函數才能實現小球的半場動畫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
2020-07-05 16:19:34
原创 Vue——13——vue resource發起get post jsonp請求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-07-05 06:20:16
原创 Vue——12——vue實例的生命週期
生命週期鉤子=生命週期函數=生命週期事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
2020-07-05 06:20:16
原创 Vue——11——過濾器
過濾器只能用在插值表達式和v-bind 格式{{name | 過濾器名稱}} 過濾器的定義語法 Vue.filter('過濾器的名稱',function(){}) 過濾器中的function,第一個參數已經被規定死了,永遠都是
2020-07-04 06:13:14
原创 Vue——10——v-if和v-show
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
2020-07-02 15:56:55
原创 Vue——08——使用內斂樣式style
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
2020-07-02 15:56:55
原创 Vue——07——使用樣式class
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
2020-07-02 15:56:55
原创 Vue——06——v-model雙向數據綁定和簡易計算器
v-bind只能單向綁定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=
2020-07-02 15:56:54
原创 Vue——09——v-for和key指令
遍歷普通數組 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width
2020-07-02 15:56:54
原创 Vue——04——跑馬燈效果案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="..
2020-06-30 21:33:12