Skip to content

快速开始

开始使用 Farris Mobile UI Vue

1. 安装@farris/moblie-ui-vue

bash
npm install @farris/moblie-ui-vue
bash
yarn add @farris/moblie-ui-vue

2. 在应用中引入 Farris Mobile UI Vue

main.ts文件中引入@farris/moblie-ui-vue

全量引入

ts
import { createApp } from 'vue';
import App from './App.vue';
import Farris from '@farris/moblie-ui-vue';
import '@farris/moblie-ui-vue/style.css'

createApp(App).use(Farris).mount('#app');

按需引入

ts
import { createApp } from 'vue';
import App from './App.vue';
import { Button } from '@farris/moblie-ui-vue';
import '@farris/moblie-ui-vue/button/style.css'

createApp(App).use(Button).mount('#app');

3. 在应用中使用 Farris Mobile UI Vue

App.vue文件中使用 Farris Mobile UI Vue 组件。

vue
<template>
    <fm-button>按钮</fm-button>
</template>