uni-app 官方组件使用

最近公司项目需要，开始使用uni-app 期间遇到的问题我都会记录下来，也希望能够帮到更多人，有什么疑问或者文章有什么纰漏的地方还请指点出来 

1、下载官方组件，打开编辑器点击左上角文件新建项目选择uni-app，下面会出现选择模块，选择Hello uni-app创建。

这里附上官方组件使用说明：uni-app

 

2、创建成功之后可以看见我们创建好的文件，组件都已经在里面了，使用到需要的组件的话可以进去文件单独拷贝出到我们的项目中使用

3、以uniNavBar为例子，把components文件夹下的uni-nav-bar.vue 拷贝到我们项目中的文件夹下进行下一步使用

注意：组件里面可能会引入其他组件，注意检查路径，不要写错了

4、接下来就是在项目中使用

5、头部组件使用效果图，当然里面也可以加其他图标文字，这里官方文档也有说明