当前位置: 首页 > 工具软件 > jsmod-vue-pc > 使用案例 >

vue 组件ui_高度可扩展性和自由度的vue ui组件

袁安志
2023-12-01

vue 组件ui

jsmod-pc-vue (jsmod-pc-vue)

The goal of jsmod is to provide a high degree of freedom (high scalability) ui components, and unified desktop and mobile usage, is a client-side component library

jsmod的目标是提供高度自由(高可伸缩性)的ui组件,以及统一的桌面和移动使用,是客户端组件库

安装与使用 (Install && Usage)

1.使用webpack (1. Use webpack)

npm install jsmod-pc-vue --save
import Vue from 'vue'
import JSMOD from 'jsmod-pc-vue'

Vue.use(JSMOD)

2.使用script (not recommend) (2. Use script (not recommend))

link to jsmod-pc-vue, download lib/jsmod.pc.js import to your page

链接到jsmod-pc-vue,下载lib/jsmod.pc.js导入到您的页面

3.使用多种语言 (3. Use multiple languages)

only en zh two options, the default language for the Chinese

en zh两个选项,默认语言为中文

3.1。 安装设置 (3.1. setting on install)

Vue.use(Jsmod, {
    lang: 'en'
  });

3.2。 代码变更 (3.2. change in code)

this.$jsmod.lang('en');

专为client-side设计,高度可扩展性和自由 (Design for client-side, High scalability && freedom)

compared to the cms component, jsmod doesn't provide many specific ui components, but every componet has rich apis for your custom style, easy to combine.

与cms组件相比, jsmod没有提供许多特定的ui组件,但是每个组件都具有丰富的自定义样式的api,易于组合。

最小尺寸 (Minimal Size)

  1. remove grid font icons (client-side products often have their own UI standards) focus to provide highly scalable components

    删除grid font icons (client-side products often have their own UI standards)以提供高度可扩展的组件为重点

  2. keep minimal size(gizp 40k)

    保持最小尺寸(gizp 40k)

翻译自: https://vuejsexamples.com/high-scalability-freedom-vue-ui-components/

vue 组件ui

 类似资料: