Vue.js-TabBar实现-白红宇

Vue.js-TabBar实现

阅读量：266 次

发布时间：2019-03-01

本文共 1363 字，大约阅读时间需要 4 分钟。

1.1 项目目录

创建项目: vue init webpack tabbardemo

1.2 项目实现代码

项目所需的图片：提取码：bo79

App.vue

MainTabBar.vue

TabBar.vue

TabBarItem.vue

Cart.vue

Category.vue

Home.vue

Profile.vue

index.js

import Vue from 'vue'import VueRouter from "vue-router";const Home = () => import('views/home/Home')const Category = () => import('views/category/Category')const Cart = () => import('views/cart/Cart')const Profile = () => import('views/profile/Profile')// 1.安装插件Vue.use(VueRouter)// 2.创建路由对象const routes = [  {       path: '',    redirect: '/home'  },  {       path: '/home',    component: Home  },  {       path: '/category',    component: Category  },  {       path: '/cart',    component: Cart  },  {       path: '/profile',    component: Profile  }]const router =  new VueRouter({     routes,  // 使用history  mode: 'history'})// 3.导出routerexport default router

1.3 执行结果

1.4 路径简写

转载地址：http://fnjx.baihongyu.com/

你可能感兴趣的文章

Mysql InnoDB存储引擎中的checkpoint技术

Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer

MySQL InnoDB引擎的锁机制详解

Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock

mysql InnoDB数据存储引擎的B+树索引原理

mysql innodb通过使用mvcc来实现可重复读

mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值？

Mysql join原理

mysql order by多个字段排序

MySQL Order By实现原理分析和Filesort优化

mysql replace first,MySQL中处理各种重复的一些方法

MySQL replace函数替换字符串语句的用法（mysql字符串替换）

Mysql Row_Format 参数讲解

mysql select， from ，join ，on ，where groupby,having ,order by limit的执行顺序和书写顺序

MySQL Server 5.5安装记录

mysql slave 停了_slave 停止。求解决方法

MySQL SQL 优化指南：主键、ORDER BY、GROUP BY 和 UPDATE 优化详解

mysql sum 没返回,如果没有找到任何值，我如何在MySQL中获得SUM函数以返回'0'？

mysql Timestamp时间隔了8小时