我的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,当然啦,
改完之后也如预期效果一样,能够正常引用了。