剛畢業(yè)的前端小白,工作了半年,每天沒日沒夜的搬磚,作為一個(gè)有夢想的咸魚,當(dāng)然是不甘心這樣一直搬磚下去了,再加上公司后端的大佬技術(shù)領(lǐng)域已經(jīng)涉及到前端了,再不快點(diǎn)翻身的話不知那天后端的大佬把我給踢了可就沒得玩了,經(jīng)過一番思想斗爭后還是決定開啟今后的學(xué)習(xí)(作死)生活。
公司開發(fā)用的vue,在9102這個(gè)年代不了解vue的前端估計(jì)已經(jīng)找不到了,但是日常的工作好像并沒能讓我深刻的理解到vue的底層原理,只是學(xué)會(huì)了搬磚,本著深入學(xué)習(xí)的想法,所以打算把vue重新的學(xué)習(xí)一番,并且記錄學(xué)習(xí)中遇到的問題。
對于vue.component這個(gè)方法相信大家已經(jīng)很清楚了吧,創(chuàng)建一個(gè)組件(由于公司開發(fā)時(shí)是用vue-cli創(chuàng)建項(xiàng)目,大多數(shù)是用模板語法進(jìn)行開發(fā),所以創(chuàng)建組件的時(shí)候很少這么干),創(chuàng)建組件有什么難的,天天創(chuàng)建換個(gè)方式難道還就能出錯(cuò)不成?一臉自信的我就寫出了以下代碼,結(jié)果控制臺(tái)狠狠的打了我一巴掌


這么干組件竟然沒注冊成功?先別急,我們先看看這些代碼的執(zhí)行過程,瀏覽器打開后,先創(chuàng)建了vue實(shí)例,然后調(diào)用vue.component方法創(chuàng)建一個(gè)組件,這時(shí)瀏覽器會(huì)認(rèn)為在vue實(shí)例中button-counter這個(gè)組件還未創(chuàng)建,所以就在控制臺(tái)拋出一條錯(cuò)誤,當(dāng)然正常創(chuàng)建的話得要先去創(chuàng)建組件,一切就緒了然后去創(chuàng)建vue實(shí)例


這樣就ok啦!
以上為這次遇到的一個(gè)小小的問題,不過由這個(gè)小問題引發(fā)的new關(guān)鍵詞,構(gòu)造函數(shù),原型原型鏈,繼承...這一系列問題都的再去回顧一下了┭┮﹏┭┮