我的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