设计导航栏

导航栏作为每个页面都需要使用的一个组件，将它封装到components里。

为了响应式使用的是element的栅栏式布局（el-row、el-col），边做边看效果，一个是网页的还有一个是手机端的（使用的是火狐的web开发者工具）。主要是element的组件（dialog、dropdown、load……）使用需要注意一些，看看官方文档还是比较容易上手的。

在components文件夹中新建vue文件NavHeader

效果：

组件使用方法：在需要使用组件的页面中加如下代码

<script>
import NavHeader from '@/components/NavHeader'
export default {
  components:{
      NavHeader
  },
}
</script>

之后在template模板里引用注意要小写。

赏

谢谢你请我吃糖果

微信