vant组件在vue中局部引入加载的方法
K先生
爱技术5336
Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。
这是Vant官网对其的介绍,所以做移动端的小伙伴可以考虑一下。vant组件使用的方法非常简单,直接按照官网上的复制(全局引入)就行了。但是,有时候某一组件,我们只在某一单一页面中使用,这不是我们只要局部引入,也就是说,只在这个使用的页面中引入就可以了吗?对于有一点代码洁癖的程序员,非常不喜欢,一大堆都全局引入,给人一种累赘的感觉。话不多说,局部引入也很简单,直接开始。
import { Divider } from 'vant';
components:{
[Divider.name]: Divider,
},
在你要局部引入的页面中,按上面的形式直接写就行,这次引入的组件是vant的Divider组件。
作者:K先生本文地址:http://www.gold404.cn/info/103
版权声明:本文为原创文章,版权归 K先生个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!
文章评论
评论列表