K先生个人博客

当前位置:首页 > 爱技术 > 正文

vant组件在vue中局部引入加载的方法

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。

这是Vant官网对其的介绍,所以做移动端的小伙伴可以考虑一下。vant组件使用的方法非常简单,直接按照官网上的复制(全局引入)就行了。但是,有时候某一组件,我们只在某一单一页面中使用,这不是我们只要局部引入,也就是说,只在这个使用的页面中引入就可以了吗?对于有一点代码洁癖的程序员,非常不喜欢,一大堆都全局引入,给人一种累赘的感觉。话不多说,局部引入也很简单,直接开始。

import { Divider } from 'vant';
components:{
    [Divider.name]: Divider,
},

在你要局部引入的页面中,按上面的形式直接写就行,这次引入的组件是vant的Divider组件。

vant组件在vue中局部加载的方法

作者K先生本文地址http://www.gold404.cn/info/103

版权声明:本文为原创文章,版权归 K先生个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!

文章评论

* 必填
可选
可选

评论列表