关于name和component

来源：3-1 登陆页面布局开发

请你摘掉伪善的面具

2021-09-02 22:12:18

相关代码：

 {
    path: '/login',
    name: 'Login',
    component: Login
  },

这里的name是Login.vue里面

相关代码：

export default {
    name:'Login'
}

的name吗，那么component里面的Login呢

还有这个

相关代码：

import Login from '../views/login/Login';

我搞不清它们的关系

写回答

1回答

好帮手慕久久

2021-09-03

已采纳

同学你好，解答如下：

1、路由中的name属性，定义的是路由的名字（可以自定义）：

当使用push方法跳转路由时，push方法中的name属性，就对应此处：

2、import Login from '../views/login/Login'这句代码，是引入../views/login这个文件夹中的Login.vue组件，并给它取了个别名Login（可以自定义）：

该别名，就对应 component属性的值：

3、如下代码中的name，则是定义组件的名字（可以不和1、2中的名字相同）：

export default {
name:'Login'
}

该名字会在一些特殊的场合中使用，比如使用keep-alive缓存组件时，可以利用该name设置只缓存哪些组件。

不常用，了解即可。

祝学习愉快！

0 学习 · 15276 问题

相似问题

回答 1

回答 2

回答 1

回答 2

回答 3