导航栏,这东西就属于布局。

我们不能在pages里头写布局。

我们要用自定义组件。

第一步:创建components目录

这是在项目根目录下面的。

第二步:创建navbar组件

这就是创建出来的组件。

第三步:页面使用组件

如上图所示,在页面当中:

  • ① 是使用组件标签;
  • ② 是导入组件
  • ③ 是注册组件

这是非常正常的组件使用的步骤;

效果

easyCom机制

如果我们的组件的路径是:

components/组件名/组件名.vue

那么我们就可以直接使用我们的组件。

不用import了。

不用注册了。

直接可以使用的。

uniapp是这样的。

晓得了吧。


这样引入的组件,不是全局引入的,是局部引入的。

也就是说,只有我们用到的组件。

才会编译到我们的项目当中的。

更多推荐