1.安装栈
新产品导入优势:这是简写形式。
新公共管理安装vant - save:这是完整写法。
如果你网络很慢的话,可以使用淘宝的源,但是不建议使用cnpm来进行安装。
NPM安装-保存-注册=https://注册。NPM。淘宝。(同organic)有机淘宝镜像,速度快,安装后查看package.json文件里看是否安装完成
2.1使用巴别塔-插件-导入(推荐)
巴别塔-插件-导入是一款巴别塔插件,它会在编译过程中将进口的写法自动转换为按需引入的方式
# 安装巴别塔-插件-导入插件国家预防机制一巴别塔-插件-导入D-2.2文件babelrc .文件配置
plugins ' :[' transform-runtime ',['import ',{ 'libraryName':'vant ',' libraryDirectory':'es ',' style':true }],更新了某视频剪辑软件版本后。重新配置上述文件
plugins ' :[' transform-vue-jsx ',' transform-runtime ',['import ',[{ 'libraryName': 'vant ',' libraryDirectory':'es ',' style': true }]]页面按需引入;
可以再main.js里写,也可以在引用的组件页面写,根据自己需求或喜好。我喜好第2种写法
1.main.js:
从“万特”vue。使用(按钮)2导入{按钮} .或者在引用的组件页面
模板div class=' detail ' div class=' slide ' van-swipe : autoplay=' 3000 ' van-swipe-item 1/van-swipe-item van-swipe-item 2/van-swipe-item van-swipe-item 3/van-swipe-item van-swipe-item 4/van-swipe-item/van-swipe/div van-button type=' primary '主要按钮/van-button/div/模板脚本导入{滑动、滑动项目、按钮}从万特导出默认{组件3360 {[按钮。名称]:按钮、[滑动。名称]:扫、[Swipient。name]: wipeitem }、data(){ return } }、methods : { }/脚本样式作用域/style官方文档参考:https://youzan。github。io/vant/#/zh-CN/快速启动
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。