安装
通过npm安装
在现有项目中使用vui
时,可以通过npm
进行安装:
npm i @longrise/vui2 -S
引入
分为两种引入方式:
全局引入
在app.js
中添加如下代码,这种形式会将组件库所有的代码都一次性引入,不推荐。
import Vui from '@longrise/vui2';
import '@longrise/vui2/dist/index.css'
Vue.use(Vui)
单独引入
也就是按需引入,在需要的地方通过手动引入的方式,这样可以最大限度的减少打包的大小。
import VButton from '@longrise/vui2/dist/es/button'
export default {
components: {
VButton
}
}
使用
接下就可以直接在项目中使用组件库所有组件。
<v-button type="primary">按钮</v-button>