2、vue-组件化の封装组件、引用组件

首先我们写了一个组件叫做 bottomNav 的组件 作为底部导航使用

这个情况下属于已经抛出组件了。
在boss的页面引用这个bottomNav组件 代码如下：

引用的时候有三个要注意的项：
（1）引用路径：确保路径正确

image.png

（2）声明组件：components一定要声明组件 声明的组件之间用逗号隔开

image.png

（3）页面使用组件：这里我是用的驼峰命名法声明的组件，但是在页面使用组件时候不能识别大写的驼峰，此时他会自动转换为小写，这种情况下就会报错如下：

image.png

此时处理方法是在小写前面加“-”

image.png

副路径参考：

image.png