zoukankan      html  css  js  c++  java
  • 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/>

    这样就可以了

  • 相关阅读:
    虚拟内存思想
    虚拟内存映射 段分割 vm_area_struct
    进程、内存的理想与现实 VS 虚拟内存
    进程地址空间
    MMU CPU及思想
    链接器和加载器 好书
    编译器 链接器 加载器
    链接器简介
    C编译器、链接器、加载器详解
    静态库是.o文件的集合与弱符号
  • 原文地址:https://www.cnblogs.com/a973692898/p/12909395.html
Copyright © 2011-2022 走看看