vue组件书写规范import引入原则: // import { mapState, mapGetters, mapActions, mapMutations } form 'vuex' // 涉及到状态管理的组件优先引入vuex // import component from 'components/xxxxxx.component' // components // import di
1、 iView UI组件库 iView官网:https://www.iviewui.com/ 2、Vux UI组件库 Vux官网:https://vux.li/ 3、Element UI组件库 Element官网:http://element.eleme.io/#/zh-CN 4、Mint UI
转载 2019-06-24 08:26:00
348阅读
2评论
一、移动端 1、nutui 2、Vant 3、Cube UI 4、Mint UI 二、PC端 1、Element UI https://element.eleme.cn/#/zh-CN 2、IView UI
原创 8月前
33阅读
ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格
原创 2023-10-08 10:46:08
285阅读
# Vue中使用Android UI组件的指南 在现代前端开发中,把现有的Android UI组件集成进Vue项目是一个相对常见的需求。以下文章将为你详细介绍如何实现这个过程。 ## 流程概述 为助于你理解整个流程,以下是实现的步骤: | 步骤 | 描述 | |------|--------------------------| | 1 | 准
原创 2024-10-13 04:26:24
43阅读
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
转载 2021-07-28 15:21:24
336阅读
1评论
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
转载 2022-04-24 10:47:51
214阅读
目录一、vue流行的UI介绍1.1 un-app所有前端框架1.2 pc浏览器1.3小程
原创 2022-12-16 23:16:03
250阅读
安装 cnpm install mint-ui -S  在main.js中引入改插件  Toast效果演示:查看文档  在页面中调用插件  Message box效果演示:  这是移动端插件,所以调整到移动端演示:  底部tabbar演示:  图片位置  预览效果 
vue
转载 2021-05-10 18:00:46
337阅读
2评论
  最近在用element-ui重构前端项目,无意之中翻阅到一个比较好用的组件间通信方式,借助于vue的封装的发布-订阅消息模式与mixin语法。在开始之前先总结下vue常用的组件间通信方式,具体如下:  1、props与自定义事件    优点:常用的父子、子父组件传递方式,简单易懂    缺点:子父、父子之间传参比较高效,但是爷孙,兄弟组件之间存在通信短板,只能一级级传递  2、vue 2.4中
R3 2021版本是Kendo UI for Vue有史以来最重大的版本发布,这个版本非常庞大,其中有20个新的原生组件,或者说有34个新组件,包括各种图表和数据可视化。下来,跟我们一起了解一下这些功能吧! Kendo UI for Vue R3 2021最新版下载 支持Bootstrap 5 在 ...
转载 2021-10-21 09:57:00
419阅读
2评论
组件基础(一)前情回顾这一节课开始之前,我们小结一下前面所讲的内容我们学习了v-if,v-show,v-for,v-model,v-on的用法。在学习v-for的时候,我们提到尽可能在使用v-for的时候提供key属性,并使用了v-bind指令将key属性绑定在item.index中。v-bind的作用就是动态绑定属性,如下代码动态绑定了key属性。什么叫动态?就是这个item.in
写在前面这一篇记录一下在使用vue库手写级联选择组件遇到的一个问题,当中涉及的知识点有组件通信,v-if与v-for的使用,props的使用,以及提供一些些组件设计的思路。场景描述 简单描述:当前层级["浙江"、"广东"、"黑龙江"],需要根据用户点击相关省份来显示下一层。这里涉及的难点在于显示组件的设计,也就是结构的设计,这里有两种思路: // 嵌套型,第二层是嵌套在
1.常用的父子组件通讯方式:props,emit父组件传入属性,子组件通过props来接收,在子组件中就可以用this.xxx方式使用。子组件通过$emit(事件名,参数)向外弹出一个自定义事件,在父组件中的属性监听事件,可以获得子组件中传出来的值// 父组件 <hello-world msg="hello world!" @confirm="handleConfirm"><he
转载 2024-04-15 12:24:58
139阅读
一.利用HBuilder的云端打包功能 1.修改原vue项目的vue.config.js 中的publicPath,代码如下:module.exports = { publicPath:"./" };2.执行命令npm run build 打包生成dist 3.打开HBuilder,文件->打开目录,选择上述dist目录,项目名称且自定义,导入项目 4.将上述项目转成app项目
转载 2023-09-26 12:53:51
98阅读
Vue学习】—Vue UI组件库一、移动端常用的UI组件库二、PC端常用的UI组件
原创 2022-07-04 09:08:21
95阅读
1、关于组件使用方法ok废话不多说直接一个简单的组件实例带你快速使用组件。//html代码//单页面使用需要引入文件,这里引入的是cdn方式 <script src="https://cdn.jsdelivr.net/npm/vue" type="text/javascript"></script> <body> <div id="vue_prac
转载 2024-10-15 09:14:08
294阅读
手把手教你写 Vue UI 组件库最近在研究 muse-ui 的实现,发现网上很少有关于 vue 插件具体实现的文章,官方的文档也只是一笔带过,对于新手来说并不算友好。笔者结合官方文档,与自己的摸索总结,以最简单的 FlexBox 组件为例子,带大家入门 vue 的插件编写,如果您是大牛,不喜勿喷~项目结构| src | ---| plugin | ---| ---| flexbox
调用 // 分页import pages from 'components/common/pages/pages' components: { pages }, <pages :total="total" :page-size="pageSize" @handleSizeChangeSub="han
原创 2022-04-21 13:58:33
402阅读
# Vue 3 TypeScript UI组件开发 随着前端技术的不断发展,Vue 3已经成为了一个流行的框架,特别是在构建现代、动态的用户界面时。结合TypeScript,Vue 3可以提供更强的类型安全性和开发体验。在这篇文章中,我们将探讨如何使用Vue 3和TypeScript开发UI组件,并通过代码示例帮助你更好地理解。 ## Vue 3+TypeScript的优势 使用TypeSc
原创 7月前
42阅读
  • 1
  • 2
  • 3
  • 4
  • 5