mpvue+vant app搭建微信小程序的方法步骤
更新时间：2019年02月11日 09:10:48 作者：hirCodd
这篇文章主要介绍了mpvue+vant app搭建微信小程序的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
mpvue使用
# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project # 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev
vant使用
yarn add vant # 将node_modules下的vant-weapp下的dist目录复制到static下的vant目录即可调用
vant调用
main.json中调用
{
"navigationBarTitleText": "Home",
"usingComponents": {
"van-button": "../../static/vant/button/index",
"van-search": "../../static/vant/search/index",
"van-tabbar": "../../static/vant/tabbar/index",
"van-tabbar-item": "../../static/vant/tabbar-item/index",
}
}
index.vue中使用
<van-search placeholder="请输入搜索关键词" use-action-slot bind:search="onSearch" > <view slot="action" bind:tap="onSearch">搜索</view> </van-search>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
浅谈vue中改elementUI默认样式引发的static与assets的区别
下面小编就为大家分享一篇浅谈vue中改elementUI默认样式引发的static 与assets的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了Vue实现浏览器打印功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
vue 监听input输入事件(oninput)的示例代码支持模糊查询
这篇文章主要介绍了vue 监听input输入事件(oninput)支持模糊查询,比如说表格模糊查询，实现一边输入，一边过滤数据，本文通过示例代码给大家详细讲解，需要的朋友可以参考下2023-02-02
本篇文章主要介绍了详解vue2.0组件通信各种情况总结与实例分析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了谈谈我在vue-cli3中用预渲染遇到的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要为大家介绍了vue.config.js的完整配置教程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了Vux+Axios拦截器增加loading的问题及实现方法，文中通过实例代码介绍了vue中使用axios的相关知识,需要的朋友可以参考下2018-11-11
vue项目开发完毕后,我们需要将项目打包上线,同时我们希望可以在本地预览生产环境项目,下面这篇文章主要给大家介绍了关于Vue项目部署上线的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要为大家介绍了Vue中使用Swiper简单封装组件示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
今天小编就为大家分享一篇基于vue中对鼠标划过事件的处理方式详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论