刚毕业的前端小白,工作了半年,每天没日没夜的搬砖,作为一个有梦想的咸鱼,当然是不甘心这样一直搬砖下去了,再加上公司后端的大佬技术领域已经涉及到前端了,再不快点翻身的话不知那天后端的大佬把我给踢了可就没得玩了,经过一番思想斗争后还是决定开启今后的学习(作死)生活。
公司开发用的vue,在9102这个年代不了解vue的前端估计已经找不到了,但是日常的工作好像并没能让我深刻的理解到vue的底层原理,只是学会了搬砖,本着深入学习的想法,所以打算把vue重新的学习一番,并且记录学习中遇到的问题。
对于vue.component这个方法相信大家已经很清楚了吧,创建一个组件(由于公司开发时是用vue-cli创建项目,大多数是用模板语法进行开发,所以创建组件的时候很少这么干),创建组件有什么难的,天天创建换个方式难道还就能出错不成?一脸自信的我就写出了以下代码,结果控制台狠狠的打了我一巴掌
这么干组件竟然没注册成功?先别急,我们先看看这些代码的执行过程,浏览器打开后,先创建了vue实例,然后调用vue.component方法创建一个组件,这时浏览器会认为在vue实例中button-counter这个组件还未创建,所以就在控制台抛出一条错误,当然正常创建的话得要先去创建组件,一切就绪了然后去创建vue实例
这样就ok啦!
以上为这次遇到的一个小小的问题,不过由这个小问题引发的new关键词,构造函数,原型原型链,继承...这一系列问题都的再去回顾一下了┭┮﹏┭┮