vue2.0 导航栏跳转路由是怎么实现的?

这篇博客主要记录了Vue2.0中实现导航栏跳转路由的步骤,适合初学者参考。作者首先介绍了学习框架时做笔记的重要性,并提供了相关资源,如Element UI手册和Vue2.0官方文档链接。接着详细列出实现步骤:创建组件、修改app.vue、配置路由index.js以及编写新页面的内容。最后提到完成后的效果展示。
摘要由CSDN通过智能技术生成

对于一个新手来说,学习一个框架最重要的事情就是记录一下过程,下次再回顾的时候就很容易记住步骤了,不记得也可以直接翻出来自己之前写过的教程,几次之后也就顺手很多了,学习这个循序渐进的过程里面,笔记千万不可以少哦,下面就是我随手记录的一些笔记。

Element UI手册:https://cloud.tencent.com/developer/doc/1270
github地址:https://github.com/ElemeFE/element

vue2.0官方网站:http://caibaojian.com/vue/guide/installation.html
element-ui官方网站:https://element.eleme.cn/#/zh-CN


1:components
新建页面

图片.png

2:打开app.vue
写代码

<template>
  <div>
    <el-col :span="2">
      <el-menu
        :default-active="this.$route.path"
        router
        mode="horizontal"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        backg
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值