mpvue+vant app搭建微信小程序的方法步骤


Posted in Javascript onFebruary 11, 2019

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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JQuery 实现的自定义对话框
Mar 24 Javascript
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
javascript中的parseInt和parseFloat区别
Jul 12 Javascript
document.documentElement和document.body区别介绍
Sep 16 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 Javascript
js cavans实现静态滚动弹幕
May 21 Javascript
Electron整合React使用搭建开发环境的步骤详解
Jun 07 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 Javascript
vue自定义指令实现方法详解
Feb 11 #Javascript
Vue表情输入组件 微信face表情组件
Feb 11 #Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
Feb 10 #Javascript
Vue动画事件详解及过渡动画实例
Feb 09 #Javascript
JavaScript ES6常用基础知识总结
Feb 09 #Javascript
Vue组件的使用及个人理解与介绍
Feb 09 #Javascript
Vue自定义指令写法与个人理解
Feb 09 #Javascript
You might like
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
PHP 解决session死锁的方法
2013/06/20 PHP
Php output buffering缓存及程序缓存深入解析
2013/07/15 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
js计数器代码
2006/11/04 Javascript
在Javascript中定义对象类别
2006/12/22 Javascript
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
在网站上应该用的30个jQuery插件整理
2011/11/03 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
非常棒的jQuery图片轮播效果
2016/04/17 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
2016/09/20 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
Python实现扫描指定目录下的子目录及文件的方法
2014/07/16 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
英国女士家居服网站:hush
2017/08/09 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
是否有自动比较结构的方法
2015/06/03 面试题
2014年小班元旦活动方案
2014/02/16 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL