黑马头条----首页和登录模块

登录注册

创建 src/views/login/index.vue并配置路由

<template>
  <div class="login-container">登录页面</div>
</template>

<script>
export default {
  name: 'LoginPage',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped lang="less"></style>

2、然后在 src/router/index.js 中配置登录页的路由表 

{
  path: '/login',
  name: 'login',
  component: () => import('@/views/login')
}

布局结构

这里主要使用到三个 Vant 组件：

• NavBar 导航栏(opens new window)