原创 vue源碼之駝峯轉連字符

var hyphenateRE = /\B([A-Z])/g; var hyphenate = function (str) { return str.replace(hyphenateRE, '-$1').toLowe

原创 什麼是單例模式

通俗來說就是 把實現當前模塊的功能和屬性放在同一個命名空間下,真實環境下我會暴露出一個入口,return 統一來管理

原创 Vue中標籤監聽的事件

@click="click" //單擊@dblclick="dblclick" //雙擊@mousedown="down" //按下@mouseup="up" //擡起@mous

原创 爲什麼組件data必須是一個函數

每個組件都應該有屬於自己的data,自己的狀態data寫成對象形式的後果:會造成組件複用時,組件實例之間共享同一個data對象,由於對象本身屬於引用類型,當我們修改其中一個屬性時,會影響到所有Vue實例的數據,一旦有一個數據改變了,所有組件

原创 undefined和null

undefined和null的區別1.undefined代表定義未賦值2.null代表定義並賦值了,只是值爲null 什麼時候給變量賦值爲null呢初始賦值,表示將要賦值爲null,結束賦值,表示要將對象成爲垃圾對象(被垃圾回收器回收)

原创 v-model的修飾符

這三個都是操作input輸入框的值lazy修飾符(失去焦點或者回車時才同步數據)v-model默認是在input事件中同步輸入框的數據的,也就是說,一旦有數據發生改變,對應的data中的數據就會自動發生改變,lazy修飾符可以讓數據失去焦點

原创 v-model 結合 radio checkbox select的使用

*v-model其實是一個語法糖,它的背後本質上是包含兩個指令操作: 1.v-bind綁定一個value屬性2.v-on指令給當前元素綁定input事件* v-model結合單選框使用 <label for="male"> <input t

原创 let vs var

事實上 var的設計可以看成是js語言設計上的一個錯誤,但是這種錯誤多半不能修復和已出,因爲要前後兼容,大概2008年的時候,Brendan Eich就決定修復這個錯誤,於是他添加了一個新的關鍵詞:let,我們可以將let看成更完美的 v

原创 [email protected]腳手架四步搭建

1.npm install -g @vue/cli 2.vue create my-project 3.cd my-project 4.npm run serve

原创 [email protected]使用方式和之前版本的差異

2018年8月10號,vue-cli3.0面世 @2.9.3的使用1.下載vue-cli和安裝項目cnpm i -g vue-cli#2.9.3 vue init webpack my-app @3.0以上,目前beta版本的使用1.下載v

原创 v-once v-pre v-cloak作用

這三個指令都是用來優化性能體驗的:一個是搞一次不搞了 ,一個是乾脆不搞 ,另一個是塊遮羞布 v-once當你只希望元素加載一次後面不再改變的時候,這個時候可以在根元素上添加這個指令。確保這些內容不會跟着數據改變而改變,只在初次頁面加載時候

原创 什麼稱之爲方法,什麼稱之爲函數

寫在類裏面的是方法,因爲方法都是和某一個實例對象掛鉤的,單獨寫在外面的是函數,在js裏面一般不區分方法函數,在java裏面只有方法的概念,沒有函數的概念

原创 Vue實現電商後臺管理系統

類似於美團、餓了麼等商家後臺主要功能:登錄頁 1.登錄驗證 登錄時如果用戶名密碼正確跳轉首頁 首頁 1.用戶管理 搜索用戶: 添加用戶: 用戶列表:展示有哪些用

原创 Vue生命週期

生命週期鉤子 = 生命週期函數 = 生命週期事件 beforeCreate(){ //此時只創建了一個空的Vue實例(data和methods中的數據還未初始化) //拿不到數據 也操作不了方法 }, created() {

原创 什麼是MVVM

從1989年HTML誕生到現在,在瀏覽器端編寫前端代碼一共有經歷了四個階段: 第一階段:純靜態的html頁面,預先編寫好存放在Web服務器上的html文件。瀏覽器請求某個URL時,Web服務器把對應的html文件扔給瀏覽器,就可以顯示htm