头部导航组件的使用

如何在每个网页固定相同的头部导航？

一、创建一个存放导航条的Vue文件:

二、把导航条的这个文件引入每个网页中

(在此只用一个网页做例子，可以依此类推)

• 导航条不需要写入router 路由里面去。

头部导航条的代码：

<template>
<div style="display:flex;width:100%;height:50px;background-color:aliceblue;">
    <div>
        <i class="el-icon-s-home" style="font-size:30px;margin:15px;margin-left:70px; cursor: pointer;" @click="gotoindex"></i>
    </div>