vue學(xué)習(xí)日記---vue.component

剛畢業(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ù),原型原型鏈,繼承...這一系列問題都的再去回顧一下了┭┮﹏┭┮

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基于Vue的一些資料 內(nèi)容 UI組件 開發(fā)框架 實(shí)用庫 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 element★...
    嘗了又嘗閱讀 1,285評(píng)論 0 1
  • UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫 m...
    柴東啊閱讀 15,963評(píng)論 2 140
  • UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫 m...
    小姜先森o0O閱讀 10,130評(píng)論 0 72
  • Vue2.0+組件庫總結(jié) UI組件 element - 餓了么出品的Vue2的web UI工具套件 Vux - 基...
    szch閱讀 2,046評(píng)論 1 52
  • UI組件 element- 餓了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的組件庫 m...
    35eeabfa0772閱讀 3,351評(píng)論 7 12

友情鏈接更多精彩內(nèi)容