vue组件
michaelxuzhi___
2020届毕业。专业:网络工程,方向:测试开发,扩展:前端开发
目前在职:游戏测试
展开
-
Vue组件化思想
如果将一个页面中所有的处理逻辑全部放在一起,那么处理起来会非常复杂混乱,而且不利于后续的管理以及扩展。如果将页面拆分成一个个小的功能块,每个功能块完成属于自己的独立功能,那么整个页面的管理和维护就变得容易了。一个页面可以分为多个组件,每个组件又可以细分Vue的组件思想①它提供了一种抽象,让我们开发出一个个独立可复用的小组将来构造我们的应用。②任何的应用都会被抽象成一棵组件树。一、注册组件的基本步骤组件的使用分为三个步骤创建组件构造器注册组件(全局注册、局部注册)使用组件原创 2020-05-21 21:42:29 · 2866 阅读 · 0 评论 -
vue组件之吸顶展示选项条
在开发移动端项目中,经常会使用到吸顶展示的选项导航如下图所示:而且此选项导航条在距顶部一定距离时,会固定住不再向上滚动分析一下:先创建一个tabControl.vue<template> <div class="tab-control"> <div class="tab-control-item"> <span>写...原创 2020-05-05 21:33:38 · 913 阅读 · 0 评论 -
一个vue底部导航栏组件
写一个底部导航栏独立组件,便于以后项目中的使用分为创建和封装两步需求:独立、图标可改、名称可改、flex布局①分析:首先是TabBarTabBar是导航栏的主框架,包裹整个导航栏创建tabbar -> Tabbar.vue<template> <div id="tab-bar"> // 这里啥都没有 </div>...原创 2020-05-02 17:33:21 · 2250 阅读 · 6 评论