/Home是在Router的全局配置中配置的path值。这种显示的引用路径定义的URL一旦变更，所有引用的地方都需要改，其工作量可想而知。但是vue-router提供了一种隐式的引用路径，即命名路由，通过路由的名称取代URL的直接引用。因此需要给Router的全局配置进行重构：router/index.jsimport Vue from 'vue'import Router

首先把天猫的导航贴出来，里面包括精选、品牌、会员、购物车、我五个导航及对应的图标。分析：1、图标的获取进入阿里巴巴矢量图标库，网址http://www.iconfont.cn。点击官方图标库，选择天猫图标库，选中放入购物车。点击添加至项目，点击创建新项目按钮，创建tianmao项目，点击确定。此时会有查看在线链接和下载至本地两种方式，我选择第一种，因为后

平时做项目时遇到的点击列表页，显示详情页面，此时就需要我们传递列表唯一的标识，然后显示对应的内容。通常做法是以“参数=值”的形式传递参数，而动态路由将参数融入到路由的路径定义之内成为路径的一部分。在参数名称之前加“：”，然后将参数写在路由的path内。下面是给详情页detail传递唯一标识id，从而调取详细的内容。routes: [{path: '/',

嵌套路由顾名思义就是路由的多层嵌套。结合vue-router仿天猫底部导航栏，给组件Me添加嵌套路由，也叫子路由。总共添加两个子路由，分别命名Collection.vue（我的收藏）和Trace.vue（我的足迹）1、重构router/index.js的路由配置，需要使用children数组来定义子路由，具体如下：import Vue from 'vue'import Rou

vue-cli 3.0安装安装命令：npm install -g @vue/cli如果已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，卸载命令：npm uninstall vue-cli -g检查其版本是否正确 (3.x)：vue --versionvue -V创建一个新项目:vue create hello-worldwindows上的Git B...