Vue学习——组件内容不显示

记录些学习中遇到的坑

1.vue路由跳转组件页面时，链接跳转了但组件内容没有显示

• 原因：组件没有加载，语法有错
• 错误写法：

const routes = [
//输入com时编辑器自动提示components，但如果只有一个组件应使用component
  { path: '/login', components: Login }
]

• 正确写法：

const routes = [
//要按正确格式写，上面连着写path和component是无法加载的
  {
    path: '/login',
    component: Login
  }
]