我的Vue之旅(2)

2020-10-22

仿照教程动手搞了一个Vue的组件化构建应用的Demo, 嗯,对,就是仿照,我一点都不觉得可耻。关于Vue组件化给我的感觉就是自己写一些
类似于HTML中的 h1, a, p这样的标签,然后可以在自己的应用中直接引用。但相对单纯的HTML中的标签,Vue的自定义组件更加灵活,
尤其是在使用props进行数据传递之后。

关于自定义组件,在运行的时候也是踩了一个小坑,最初我定义的组件代码时这样的

	Vue.component('myComponent',{         // 这是自定义我自定义的组件
		props:['fruit'],
		template: '<li> {{fruit.name}}</li>'
	})

结果及时页面上一片空白,打开console发现它报了个这样的错误

Unknown custom element: <myComponent> - did you register the component correctly? For recursive components,
 make sure to provide the "name" option.

上网查了一下,原来是和自定义组件的命名有关,这坑爹的竟然不能有大写。我只好妥妥的将myComponent改成mycomponent,当然啦,
改完之后也如预期效果一样,能够正常引用了。

Github:  https://github.com/jvxiao/vue-road

posted @ 2020-10-24 22:11  蓝柯柯  阅读(77)  评论(0编辑  收藏  举报