vue项目搭建打脸2，多次试错，总结出来了第一步关于路由和tabbar的搭建

昨天下午搞了一下午的错。哈哈哈，太佩服自己咯，

脑子：我全会了哟，肯定就是这样没错，道理我都知道了，嗯就是这样

手：emmm，楼上是个sha bi ，我按着楼上的来搞，全是错！！！虽然最后还是靠着楼下把错一点点解决了

今天早上，我又从新搞了下，发现一个可怕的事情，我创建完项目后，第一步就给卡死了！！！

路由有问题？？？

脑子：不应该啊。手：计算机没有黑魔法，老子肯定写错了。

脑子：好的吧，看看是哪错了吧。

经过大概半个小时的时间，我找到了哪里错了，都不好意思说出来。算了算了不讲咯，省的以后自己看到看不起自己。

不过现在，总结一下，自己在项目中搭建路由跟tabbar的方法。先写下来，下次再错就来看看就ok了

 

其实关于路由，一共也就3个文件夹。

最主要的是：router/index.js    在这里，我们要引入vue-router， 通过vue.use（vue-router） 加载一下， 下边就是创建实例const router = new VueRouter（{}） 最后导出router

然后是：main.js 文件，在这里，我们要导入router，并且在new Vue（{}）中写上。

最后：App.vue中记得使用<router-view />

然后关于tabbar，因为是之前封装好的组件，所有可以直接拿来使用。tabbar放到components中的common中。独立于项目之外。与项目无任何关系，项目可以使用

然后在components中的content中创建mainTabBar，这个是该项目引用tabbar的文件，在这里，我们将路由啊，图片啊什么的传递到tabbar组件中，

最后在app中导入mainTabBar，记得在components中声明一下。然后在上面使用该组件，还要记得使用<router-view/>

这样就可以了