原创 手把手教你VUE從入門到放棄—— 篇四（組件化思想,全局組件及局部組件）
所謂組件化思想，顧名思義就是化繁爲簡，把一個整體拆成多個模塊，一個模塊爲一個組件來實現。 全局組件:使用Vue.component("組件名",{ props:['屬性名'], tem
2020-06-20 21:23:02
原创 手把手教你VUE從入門到放棄—— 篇十九（vue中的作用域插槽）
看如下代碼，是我們直接在子組件模板中聲明集合數據的遍歷方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue中的插槽與具名
2020-06-20 21:23:01
原创 衝高級——篇四 之 面試題 (後續繼續添加)
面試的阿里 Java基礎 a. 是否看過JDK源碼(指的是list，spring，map之類的) 答: 看過 b. 是否看過hashMap的源碼？底層實現是怎麼樣子的 答: 說了1.8底層實現是數組+單鏈表/紅黑樹，接着又問
2020-06-20 21:22:51
原创 手把手教你VUE從入門到放棄—— 篇五（組件傳值）
不多說，直接上代碼 下面的知識點包含 1.emit("事件名") 主動觸發一個事件 2.@delete 等價於 v-on:click 3.v-bind: 等價於 ： 4.v-bind 綁定屬性 5.v-for="(item,index)
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇十（vue中的樣式綁定）
不多說，代碼如下，通過數組與對象的形式來完成樣式的綁定與變動, 以下實現點擊字體顏色變紅再點擊變黑的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇六（vue實例的生命週期，八個常用生命週期鉤子函數）
詳情可見官網鏈接 vue實例的生命週期 生命週期函數：vue實例在某個時間點會自動執行的函數 八個常用生命週期函數： beforecreate與created: 實例創建前與創建後執行 beforemount與mounted:數據與
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇十四（父子組件數據的傳遞）
父組件向子組件傳遞數據 如下，先在子組件中定義屬性，然後父組件中必須在props數組中聲明，然後即可以在子組件中進行使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇 八（vue的計算屬性，方法和監聽器的使用方法與比較）
語法： 計算屬性：computed:{ 變量名:function (){ ...處理 return 返回值;
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇七（vue的模板語法）
如下圖：以 v-text,v-html,v-model 這類以v開頭的表達式裏面都是放js表達式而不是單純的字符串
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇二十（動態組件與v-once指令）
使用v-if 實現如下功能，有倆控件，跟一個按鈕，默認顯示其中一個控件，點擊按鈕顯示另一個 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇十一（vue中的條件渲染 v-if,v-else,v-else-if,v-show與v-if的使用與區別）
v-if,v-else,v-else-if就不多說了，跟你學的其它語言一樣用法，這裏重點說下 v-if與v-show的區別 兩者都是若表達式爲true則顯示，但是表達式爲false的時候 v-if會去除當前dom元素，而v-show則
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇一（學習的目的及資源的分享）
學習目的：1.此款前端框架確實好用，而且業內使用度高 2.公司即將進行項目重構，前後端分離（現在是古老的swing），前端部分正是要用VUE 學習視頻鏈接 https://pan.baidu.com/
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇十二（vue中的列表渲染，集合的遍歷及增刪改）
集合的遍歷: 使用v-for = 'item of itemList' 或者 v-for = 'item in itemList' 當想要獲取下標時 使用 v-for = '(item,index) of itemList' 或者 v-f
2020-06-20 20:22:56
原创 手把手教你VUE從入門到放棄—— 篇十五（組件參數校驗與非props特性）
參數校驗 示例如下，這裏我們給number添加的數據類型約束爲字符串型，這裏我們用111數字型，明顯違反了約束，導致控制檯出現警告,如第二張圖 <!DOCTYPE html> <html lang="en"> <head> <m
2020-06-20 19:29:26