vuejs 前端ui_适用于您的应用程序的vuejs ui组件

vuejs 前端ui

沃尔菲 (Wolfi)

A vuejs ui components for your apps.

适用于您的应用程序的vuejs ui组件。

现场游乐场 (Live Playground)

To run that demo on your own computer:

要在您自己的计算机上运行该演示,请执行以下操作:

* Clone this repository
* `npm install`
* `npm start`
* Visit http://localhost:9001/

快速开始 (Quick-start)

<!DOCTYPE html>
<html>
<head>
  <link href="https://unpkg.com/[email protected]@0.13.0/dist/wolfi.min.css" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
  <div id="app">
    <w-button>Click me</w-button>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="https://unpkg.com/[email protected]@0.13.0/dist/wolfi.min.js"></script>
  <script>
    new Vue({
      el: '#app'
    })
  </script>
</body>
</html>

安装 (Installation)

# npm
npm install wolfi --save
# yarn
yarn add wolfi

用法 (Usage)

import Vue from 'vue'
import Wolfi from 'wolfi'
import 'wolfi/dist/wolfi.min.css'

Vue.use(Wolfi)

兼容性 (Compatibility)

  • Supports Vue.js 2.x

    支持Vue.js 2.x

  • Supports SSR

    支持SSR

  • Supports Nuxt.js

    支持Nuxt.js

  • Supports TypeScript

    支持TypeScript

  • Supports Electron

    支持电子

  • Most components and features support IE9 and above browsers, some components and features do not support IE

    大多数组件和功能都支持IE9及更高版本的浏览器,某些组件和功能不支持IE。

翻译自: https://vuejsexamples.com/a-vuejs-ui-components-for-your-apps/

vuejs 前端ui

适用于Vue 3的高颜值UI组件 阅读详情

相关推荐

前端组件库Element UI 的使用

Element UI 是一个基于 Vue 2.0 的桌面端组件库,主要用于构建快速、简洁的用户界面。它提供一套丰富的组件和工具,能够帮助开发者快速构建高质量的 Vue 应用。Element UI 由饿了么前端团队开发,并开放源代码。组件 | Element用法简单:Element UI 提供的组件具有统一的风格和用法,使得开发者能够快速上手并构建页面。配置灵活:多数组件都有多重配置选项,允许定制化以满足不同场景的需求。国际化支持:支持多语言,方便构建国际化应用。

m0_74823827的博客 1486

Vue进阶(贰佰):前端UI框架介绍

目前流行前端几大UI框架 2019-01-28阅读 8100 在前端项目开发过程中,总是会引入一些UI框架,已为方便自己的使用,很多大公司都有自己的一套UI框架,下面就是最近经常使用并且很流行的UI框架。 一. ElementUI Element是饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,示例丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库。 官网地址 Github 二.iView UI iview ui是一个强大的基于vueui

IT全栈 华强工作室 9542

ViewUI:基于Vue.js 2.0构建的高质量UI工具包

ViewUI 基于Vue.js构建的高质量UI工具包。 该项目即为原先的iView。iView作者将在此仓库继续开发iView 4.0和后续版本,以及维护工作。新的组件库命名为ViewUI,原仓库iView作者不再提交内容。 该项目是原始的iView。 iView作者将继续在此存储库中开发iView 4.0及其后续版本以及维护工作。 新的组件库名为ViewUI,iView作者将不再继续提交原始存储库中的内容。 文件 | | | 产品特点 数十个有用且美观的组件。 友好的API。 它适用于具有任何技能水平的人。 大量的文档和演示。 太棒了 同时支持Vue.js 2和Vue.js

8个vue前端UI框架框架值得你掌握

Element(start-28128) 饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目 iview(start-15674) iview一套基于 Vue.js 的高质量 UI 组件库,友好的 API ,自由灵活地使用空间,细致、漂亮的 UI。由TalkingData开发维护,有很多知名互联网企业都在使用 vuetify(start-11449) 一个为 Vue JS 2.0 打造的 Material 风格的组件库,喜欢m.

BYGFJ的博客 1万+

Vue+element-ui搭建前端页面】适用于初学者学习

到这儿我们就学习到怎么用Vue和Element搭建前端界面,并且了解了一些前端向后端发送接收请求需要的技术,希望大家看到这会有所收获!t=M85B组件 | Elementhttps://element.eleme.cn/#/zh-CN/component/quickstart。

一学就会小小王的博客 1万+

vue前端UI框架有哪些(非常详细)?

vue前端UI框架有:Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-uiVue-Blu、vue-storefront、Vux、Mint UI、Vant等等。

m0_62241283的博客 2124

一些热门的前端UI组件库(附用例)

一些热门的前端UI组件

weixin_46703850的博客 8380

2018年九个很受欢迎的vue前端UI框架

最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的公司项目。 学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后,这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue....

weixin_30535913的博客 92

VUE常用UI组件插件及框架-vue前端UI框架收集

UI组件及框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UIvuetify- 为移动而生的Vue JS 2组件框架 vonic- 快速构建移动端单页应用 vue-blu- 帮助...

細水、長流√的专栏 5608

14 个最佳 Vue UI 组件库推荐

Vue.js 是无数前端开发人员首选的 JavaScript 框架,因为它易于学习和使用。 组件Vue 框架的核心——它们可以帮助你更快地从想法转变为功能性 UI

古他妈阳光之神☀️ 3万+

你不知道的前端框架和UI组件库 - 大合集【收藏必备】

Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 不兼容IE8,最低只能支持到 IE9 官网:https://cn.vuejs.org/ ReactJS 的确是一个伟大的东西,就其核心而言,就是一个可以和 html 混合编写的 jsx 格式,以及一个良好有序(加载时和更新时)、并和 html 渲染实时捆绑的状态机制。学习和使用 ReactJS,你并不需要对你现有的代码架构做太大的调整,只要引入 react.js 和 react-dom.js 两个文

Qianmoer的博客 1万+

vuejs 前端ui_终端UI模拟器VueJS组件

vuejs 前端ui Vue.js终端UI模拟器 (Vuejs terminal UI emulator) Vuejs component for displaying UI element that acts as console terminal. Actual terminal logic code forked from Ptty. Vuejs组件,用于显示充当控制台终端的UI元素。 从...

cuk5340的博客 939

排名前10的vue前端UI框架框架值得你掌握

最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的公司项目。   学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后,这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用...

网站后台管理系统界面ui模板 8万+

12个不容错过的Vue UI 组件

Vue.js 是一个渐进式 javascript 框架,用于构建 UIS(用户界面)和 SPA(单页应用程序)。UI 组件库提高了我们的开发效率,增强了应用的整体外观、感觉、交互性和可访问性,下面就来看看有哪些适用于 VueUI 组件库。 1. Element UI Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。它是一个用于 Web 的 UI 组件库 ,除了 Vue 之外,它还具有React 和 Angular的版本。 Element.

mengdong_524的博客 2万+

面向开发人员 的终极 VueJS 资源

在 10 小时内构建 10 个项目 使用 Vue 3 组合 API - 设置、传送、反应和引用 Vue 3 教程将从非常基础的内容开始,通过构建 10 个不同的应用程序,教您如何在 10 个小时的完整课程中将 TensorFlow 和 firebase 与您的 Vuejs 一起使用。它是从头开始设计的,根据您的目标,可以很容易地成为一个库和一个框架。VueJS 示例,顾名思义,它是示例的集合,例如简单且可自定义的步骤进度指示器、Vue 汽车贷款计算器、通知/Toast 组件等使用 VueJS 制作的项目。

码上全栈创享家官方号,小红书、公众号、抖音、b站,youtube等同名,欢迎各位码农一起来学习! 2847

强烈推荐12个Vue 3的高颜值UI组件

本文盘点了12个高颜值的Vue3 UI组件库,适用于不同开发需求。其中包括Vuetify(Material样式)、Vant(移动端)、ElementPlus(桌面端)、Ant-design-vue(Ant Design风格)、NaiveUI(主题可调)、Quasar(高性能)、ArcoDesignVue(字节跳动设计系统)、Vue-devui(DevUI设计)、Idux(企业级中后台)、NutUI3(京东风格)等。这些组件库各具特色,支持多种开发模式和定制化需求,提供了丰富的文档和设计资源,帮助开发者快速构

小二丶的博客 1万+

12个Vue UI 组件

Vue.js 是一个渐进式 javascript 框架,用于构建 UIS(用户界面)和 SPA(单页应用程序)。UI 组件库提高了我们的开发效率,增强了应用的整体外观、感觉、交互性和可访问性,下面就来看看有哪些适用于 VueUI 组件库。

顺其自然~专栏 6437

盘点12个Vue 3的高颜值UI组件

vue-devui 是基于 DevUI Design 的 Vue3 组件库,使用 pnpm + vite + vue3 + tsx 技术搭建,包含55个简洁、易用、灵活的组件,支持按需引入,支持主题定制,并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。今天给大家盘点12个Vue 3的高颜值UI组件库,凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库,用广东话讲:个个都靓。NutUI 3 京东风格的 Vue 移动端组件库,开发和服务于移动Web界面的企业级产品。

Jack, what else can you do besides holding your little darling? 1万+
上一篇: vue 路由概念_Vue基本概念的演练
下一篇: vue 点击图标切换图标_Vue的过渡结果图标
cuk5239
博客等级 码龄11年 43粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值