这是我参与2022首次更文挑战的第21天，活动详情查看：2022首次更文挑战

uni-app实现底部导航

在做的过程中会先把自己用到的方法，和自己认为可以优化的地方先记录下来。 优化和补充会在后期进行补充

1. 使用uni-app自带组件实现底部导航功能

今天想把小程序开发完。在实现底部导航的时候，先去看了一下模板源码 发现应该是在pages.json中用tabbar组件 然而并没有效果显示

1. ok.去uni-app官网看一下这个组件具体应该怎么使用 看了就是上面这段代码
2. 如下图，要将带tabbar的页面配置为首页 将跳转页设为首页，效果出现！ 那么在后面做的过程中，如果不把这个页面设置为启动页还能够出现吗？-- 应该不行

2. 使用uni-app实现中间带加号的底部导航功能

3. 使用uni-app实现自定义底部导航功能

最近的小程序到了收尾工作，然而更大的麻烦出现了。 一开始是仿照colorUI中的方式，组件化将tab对应页面装进去，点击哪个显示哪个页面 我自己认为这个方法肯定是最好的了。而且也不用再在pages.json里吭哧吭哧的写 但因为是组件化加载。其实页面永远停留在父页面，用不了我子页面的onload等函数。这里肯定是有解决办法的。

这里参考 把子组件的onLoad改成mounted再试一下 成了！！！！哈哈哈，开心 之前没又仔细找，以为没有解决方案。找了很久很久还是没有替代品之后，重新回去找这个的解决方案又解决了。虽然很小的一个地方，还是很开心！！！撒花