jq960素材网

当前位置: 主页 > JQ/JS插件 > vue插件 >

radon-ui快速开发产品的Vue组件库

官方网址: 下载次数:
插件描述

Radon UI

一个帮助你快速开发产品的Vue组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼。

特性

  • 基于 Vue 开发的高质量UI组件

  • 基于 npm + webpack + ES6 + postcss开发

  • 数据驱动,简单易使用

安装

使用 npm 安装

推荐使用 npm 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。 可以通过 npm 直接安装到项目中,使用 import 或 require 进行引用。

npm install radon-ui

使用

基本组件的使用

引入 rdText 输入框组件并局部注册并定义输入框组件的数据对象及配置

import { rdText } from 'radon-ui'export default {
    data () {
        return {
            test: {
                value: '',
                placeHolder: '请输入',
                state: 'success',
                tip: '',
                inline: true
            }
        }
    },
    components: {
        rdText
    }
}

在模板中任意位置放置日历组件并使用 v-bind 语法将数据动态绑定 textfield 属性上。

<template>
    <div class="container">
         <rd-text :textfield="test"></rd-text>
    </div>
</template>


顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表