美文网首页
3.header组件开发

3.header组件开发

作者: 卖单车 | 来源:发表于2017-08-20 18:57 被阅读0次

新建M-Header组件(注意:请在创建组件的时候不要使用H5自带标签如header arctice等,虽然可以正常使用 但是会有警告)

在APP.vue文件中引入并且注册后使用M-Header组件

上面为M-Header页面代码

通过router-link 来达到页面切换 通过.router-link-activce来确定激活页面的那个router-link的样式,通过tag属性来确定这个路由指向标签

注意 style标签上的scoped的意思为:标签里的CSS只在当前页面有效

页面样式:

下节将讲到如何把图标引入项目中,谢谢大家的支持!

相关文章

  • 3.header组件开发

    新建M-Header组件(注意:请在创建组件的时候不要使用H5自带标签如header arctice等,虽然可以正...

  • vue(2)

    Vue组件化开发 组件化开发的思想 组件的注册 组件间的数据交互 组件插槽的用法 Vue调试工具的用法 组件开发思...

  • 戏说移动江湖开发历程

    大主线 细说移动开发历程 大技术 组件化开发 组件路由 组件配置动态加载 组件骨架架构插件化开发...

  • Android 组件化开发实践

    Android组件化开发实践(一):为什么要进行组件化开发?Android组件化开发实践(二):组件化架构设计An...

  • iOS 的组件化开发

    iOS 的组件化开发 iOS 的组件化开发

  • iOS组件化开发实践

    iOS组件化开发实践 iOS组件化开发实践

  • PHP页面跳转和自动加载的几种方法!

    1.meta标签: 2.js跳转: php中js跳转: 3.header跳转: 4.定时刷新脚本:

  • 如何开发vue、react、angular的组件库教程

    关键词:vue,react,angular,开发,封装,ui组件,组件库,常用组件 目标:开发相应的组件库vue-...

  • 组件化

    说明 采用组件化,是为了组件能单独开发,单独开发是结果。要让组件能单独开发,组件必须职责单一,职责单一需要用到重构...

  • iOS组件化开发2 · 组件开发必备知识

    iOS组件化开发1 · 什么是组件化 组件化开发2 · 组件开发必备技能 这篇文章的主要内容list1、学会使用g...

网友评论

      本文标题:3.header组件开发

      本文链接:https://www.haomeiwen.com/subject/amnfdxtx.html