1.element組件庫(pc) 是移動端的組件庫

2.vant-ui (移動端)

vant的基本使用

? ? 一 .npm i vant

引入所有的

main.js 中

import Vant from 'vant';

import 'vant/lib/index.css';

Vue.use(Vant);

然后在所需要的加

<van-button type="primary">主要按鈕</van-button>

<van-button type="info">信息按鈕</van-button>

<van-button type="warning">警告按鈕</van-button>

缺點:增加體積

? 二 按需加載 自動按需引入? 一般我們是使用按需加載

1) 安裝插件npm i babel-plugin-import -D

2)bael.config.js中 加

? plugins: [

? ? ['import', {

? ? ? libraryName: 'vant',

? ? ? libraryDirectory: 'es',

? ? ? style: true

? ? }, 'vant']

? ]

3)如果想用button

在main.js中

import { Button } from 'vant';

Vue.use(Button);

提示

Toast的兩種方法 局部使用? ?不好

全局使用

在main.js中

import { Toast} from 'vant';

Vue.use(Toast);

使用 組件中

this.$toast.success("成功")

this.$toast.fail("失敗")