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 相关文章推荐
JavaScript 乱码问题
Aug 06 Javascript
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
Mar 01 Javascript
js 编程笔记 无名函数
Jun 28 Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
JavaScript调用客户端Java程序的方法
Jul 27 Javascript
js中apply和Math.max()函数的问题及区别介绍
Mar 27 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
详解搭建es6+devServer简单开发环境
Sep 25 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
vue实现文字加密功能
Sep 27 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中strtotime函数使用方法详解
2011/11/27 PHP
PHP 查找字符串常用函数介绍
2012/06/07 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
PHP最常用的正则表达式
2017/02/13 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
JQuery开发的数独游戏代码
2010/10/29 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
数百万免费的图形资源:Freepik
2020/09/21 全球购物
大学总结自我鉴定
2014/01/18 职场文书
建筑系毕业生自我鉴定
2014/01/24 职场文书
档案室主任岗位职责
2014/02/12 职场文书
美术国培研修感言
2014/02/12 职场文书
教师新年寄语
2014/04/03 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
通信工程求职信
2014/07/16 职场文书
硕士学位申请报告
2015/05/15 职场文书
工作时间证明
2015/06/15 职场文书
python opencv旋转图片的使用方法
2021/06/04 Python
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js