Web秀
首页
专栏
文章
问答
热点
导航
实例
首页
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
#vue组件#
共找到
vue组件
相关内容
13
条
优先问答
优先文章
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
vue插件总结——总有你能用上的插件
UI组件框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式UI库vuetify-为移动而生的VueJS2组件框架vonic-快速构建移动端单页应用vue-blu-帮助你轻松创建web应用vue-multiselect-Vue.js选择框解决方案VueCircle
570344
3878
2
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
VUE开发一个组件——移动端弹出层(IOS版)
前言再造一轮,vue移动端弹出层,包括confrim询问框,tips提示框,popup选择器等。相关文章:《如何将你封装的组件使用npm发布》《VUE开发一个组件——日历选择控件》快速开始#安装npminstallvue-h5-popup-S#引入importh5Popupfrom'vue-h5-popup';Vue.use(h5Popup)示例<!--alert--><modal-alertref="alert"><divclass="trave-tip-contenttx
560294
3896
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
vue组件-template和slot插槽详细介绍
前言vue项目,组件应用非常广泛,感觉只要能被多个地方复用的代码,都可以写成组件,这样不用做重复的工作。github上面也有很多大牛制造了n个轮子,方便大家使用。之前也有总结过vue组件集合,没有了解的同学请点击《vue插件总结——总有你能用上的插件》。今天详细介绍vue组件该怎么用?怎么写?怎么用vue组件开发好后,在父组件中引用,并在components注册,引用方式通过from,如importNavHeaderfrom'../components/NavHeader.vue'importNavFoo
573513
3854
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
VUE开发一个组件——Vue 分页组件
前言分页组件,无非就是上一页,下一页,到具体页面。没有那么复杂。想要快速开始的,请向下看。如果想理解源码的,可以直接跳过“快速开始”,到“源码解读”快速开始安装npminstallvue-c-page-S引入importCPagefrom'vue-h5-page'Vue.use(CPage)调用<cPage:pageOption="pageOption":jumpTo="jumpTo"></cPage>pageOption:{pageNo:1,//当前页码pageSize:10,/
558243
3302
1
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Vue + Echarts封装出好用又好看的图表组件
前言Echarts相信很多小伙伴都了解过,甚至很多都已经用到过。没有了解过的小伙伴,可以先来和我一起了解一下它的作用和历史吧。ECharts,缩写来自EnterpriseCharts,商业级数据图表,是由百度公司研发的(并且是开源的),它最初是为了满足公司商业体系里各种业务系统(如凤巢、广告管家等等)的报表需求,在2012年之前这些图表需求都是使用flash去实现的,后来由于flash退出舞台,凤巢前端技术负责人的Kener-林峰在凤巢数据平台项目中尝试使用Canvas去做图表,他写了一个全新的轻量级Ca
558314
3762
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
8种vue组件通信方式详细解析实例
前言对于vue来说,组件是非常常见的,有很多平台都封装了了属于自己一套的组件,如elementui、weui等等。同时组件之间的消息传递也是非常重要的,下面是我对组件之间消息传递的各种方式的总结,共有8种方式。如有不足之处,可以留言补充,互相学习。props和$emit这是最最常用的父子组件通信方式,父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。实例:父组件Vue.component('parent',{template:`<div><
556728
3722
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Vuex是什么?Vuex能做什么?Vuex怎么使用?
前言前段时间,有小伙伴问我,Vuex是怎么玩儿的?也是一直没有机会,趁着今天有空,一起来学习一波。本文章你能学到什么?1、Vuex是什么?哪种功能场景使用它?2、Vuex有哪几种属性?3、使用Vuex的好处?4、使用Vuex示例。5、Vuex常见错误。下面我们来详细讲讲!Vuex是什么?哪种功能场景使用它?官方话:Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devt
557340
3576
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Todo List: Vue待办事项任务管理 - 第一章
前言如果您所在公司有用过类似的todolist产品,那应该对其不是很陌生。todolist(待办事项列表),非常有名的todolist产品有Teambition,JIRA等等。Teambition是收费的,而且价格也不是很便宜啦(但是人家的功能确实还可以,可谓非常强大)。所以,就在自己倒腾一个简单的,有兴趣的同学可以持续关注。本次《todolist:Vue待办事项任务管理》,分为一下章节:第一章:初识(项目搭建、基本功能组件实现)第二章:数据动态化处理(localStorage+Vuex),可新增,可编辑
558402
3713
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Todo List: 新增编辑任务,localStorage + Vuex实现本地存储 - 第二章
前言在第一章中,我们的TodoList已经初现锥形,本章节我们对页面优化,同时让数据实现本地存储。主要用到localStorage+Vuex来实现页面交互和存储功能。本次《todolist:Vue待办事项任务管理》,分为一下章节,有兴趣的同学可以持续关注。第一章:初识(项目搭建、基本功能组件实现)第二章:数据动态化处理(localStorage+Vuex),可新增,可编辑第三章:待办事项自定义分组第四章:待办事项添加描述图片等信息第五章:可线上操作,入库Mysql第六章:多人协同处理待办事项,权限管理第七
556227
3782
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Vue事件总线(EventBus)使用详细介绍
前言vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过props向下传数据给子组件,当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系,该如何通信了?如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信,就可以考虑Vue中的事件总线,即EventBus来通信。EventBus的简介EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念,就像是所有组件共用相同的事件中
556459
3241
0
下拉加载更多