vant组件引用

1 安装vant

npm i vant

2 在 项目 > src > main.js 里面引用相关资源

(1) 全局引入

               import 'vant/lib/index.css';

               import Vant from 'vant';

               Vue.use(Vant);

main.js里面的组件完整代码如下

    使用全局引入之后每个页面的制作都不用再引组件

(2) 全局按需引入

                import 'vant/lib/index.css';

                import { Button } from 'vant';

                Vue.use(Button);

main.js里面的组件完整代码如下

 使用全局按需引入之后每个页面的制作都可以使用 button 相关的组件

当然也可以其他的功能,根据 import { Button } from 'vant';   大括号里面的来做决定

 


版权声明:本文为m0_70788917原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。