当前位置：首页 > 软件库 > 手机/移动开发 > Android UI 组件 >

VARLET

Material design 风格移动端组件库

授权协议 MIT

开发语言 Kotlin

所属分类手机/移动开发、 Android UI 组件

软件类型开源软件

地区国产

投递者仲绍晖

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区建立起来的组件库团队进行维护。

特性

提供 50 个高质量通用组件
组件十分轻量
由国人开发，完善的中英文文档和后勤保障
支持按需引入
支持主题定制
支持国际化
支持 webstorm，vscode 组件属性高亮
支持 SSR
支持 Typescript
90% 以上单元测试覆盖率，提供稳定性保证
支持暗黑模式

安装

CDN

varlet.js 包含组件库的所有样式和逻辑，引入即可。

<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/@varlet/ui/umd/varlet.js"></script>
<script>
  const app = Vue.createApp({
    template: '<var-button>按钮</var-button>'
  })
  app.use(Varlet).mount('#app')
</script>

Webpack / Vite

# 通过 npm 或 yarn 或 pnpm 安装

# npm
npm i @varlet/ui -S

# yarn
yarn add @varlet/ui

# pnpm
pnpm add @varlet/ui

import App from './App.vue'
import Varlet from '@varlet/ui'
import { createApp } from 'vue'
import '@varlet/ui/es/style.js'

createApp(App).use(Varlet).mount('#app')

使用案例

var let const 的区别 ~ 含详细解析

前言 var 、let 和 const 是三个声明变量的关键字，可以用于保存任何类型的数据。每个变量的实质一个用于保存任意值的命名占位符。var 在 ECMAScript 的所有版本中都可以使用，而 const 和 let 只能在 ECMAScript 6 及更晚的版本中使用。 var let const 的区别（简洁版） var 关键字： var 定义变量，可以声明同名变量，可以不进行初始化；
var let const 的区别

var 作用域：函数作用域变量提升：重复声明，声明的变量会被提升属性：如果将其声明在script标签子代里，可以通过window访问到特性：如果声明在函数里，当函数调用结束后机会被销 <script> function demo() { var a = 1; } dem
理解var let const区别

js中存在三种声明变量的方式 var let const，但是他们之间的区别很多却分不清 var var只有函数作用域，没有块作用域，可以声明全局/局部变量（在一共函数内声明的变量，只在该函数有效） var定义的变量不能跨函数访问，但是可以跨块访问！ var 定义的变量如果不初始化会输出undefined，但不会报错可以重复定义，后定义的会覆盖先定义的 //3 var aaa; console.
jQuery的var let const

var 申明了一个要么是全局，要么是块级作用域的变量；通过下面的例子可以看出var可以重新赋值同一个块级作用域的变量在同一个块级作用域内碰到所有带{}的 var都会重新赋值 let不会块级作用域：function{} function nodeSimplified() { var a =10; console.log(a); // 输出 10 if(true) { var a
var let 以及 const区别和用法(详解)

在ES5中，声明变量只有var和function两种形式。但是因为var声明的变量会有一定的缺点（内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量），ES6提出了使用let和const声明变量，更加安全方便的提供我们声明变量。 var var 存在全局作用域和函数作用域两种。没有块级作用域的说法，并且存在变量提升。 let 1.块级作用域{} 作用域只在他所在的代码块一个 {}
var和let的区别

var和let都用于声明变量，不同的是： 1.let声明的变量不能重复声明 2.let声明的变量不能变量提升：当使用var声明一个var变量时，该变量会被提升到作用域的顶端，但是赋值的部分不会提升。 console.log(a); var a = 'boo' 在声明a的语句之前就可以输出a，值为undefined，这就是变量提升。使用let声明变量时不能变量提升。 3.var是函数作用域，le
var 、let 和 const 的区别

var 声明的范围是函数作用域，let 和 const 声明的范围是块作用域 var 声明的变量会被提升到函数作用域的顶部，let 和 const 声明的变量不存在提升，且具有暂时性死区特征 var 允许在同一个作用域中重复声明同一个变量，let 和 const 不允许在全局作用域中使用 var 声明的变量会成为 window 对象的属性，let 和 const 声明的变量则不会 const 的
var、let、const三者的区别和用法(详解)

ES5和ES6比较 ES5 中作用域有：全局作用域、函数作用域。没有块作用域的概念。 ES6 中新增了块级作用域。块作用域由 { } 包括，if语句和 for语句里面的{ }也属于块作用域。注意：const常用于声明常量，let常用于声明变量 var var定义的变量在之后可以修改，如果不初始化会输出undefined，不会报错。如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函
var let const声明变量的区别

一、声明后未赋值，表现相同 var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined 也即是说声明后直接使用输出都是一样的undefined 二、使用未声明的变量，不同 console.log(varTest); //输出undefined(注
Js中var,let,const的区别

一：区别： 1、var声明的变量属于函数作用域，而let和const声明的变量属于块级作用域；（js作用域在上篇文章） 2、var声明的变量存在变量提升，而let和const没有 3、var声明的变量可以重复声明，而在同一块级作用域，let变量不能重新声明，const常量不能修改（对象的属性和方法，数组的内容可以修改）二：var声明的作用域 1. 使用var声明的变量，这个变量属于当前的函数作

VARLET

特性

安装

CDN

Webpack / Vite

同类工具

相关阅读

相关文章

相关问答

相关文档