微信小程序引入vant Weapp组件

微信小程序引入vant Weapp组件

步骤:

1. 打开终端:

先初始化:

npm init -y     

然后进行安装

npm install --production
 npm i @vant/weapp -S --production

2. 需要在微信开发者工具,点击工具==>>构建npm

并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件
在这里插入图片描述

3. 将组建从nodemodel 里面拎出来

在这里插入图片描述

4.引入组件

在你需要使用的子页面的 .json文件当中根据你的具体路径来引用 (好像只有相对路径可以引用)

{
  "usingComponents": {
    "van-tabbar": "../weapp/dist/tabbar",
    "van-tabbar-item": "../weapp/dist/tabbar-item/index"
  }
}

热门文章

暂无图片
编程学习 ·

Embind用于将C ++和JavaScript交互

官方文档EmbindEmbind is used to bind C++ functions and classes to JavaScript, so that the compiled code can be used in a natural way by “normal” JavaScript. Embind also supports calling JavaScript classes from C++.Embind has support for binding most C++ …
暂无图片
编程学习 ·

大数据分析的作用有哪些

大数据分析的出现不但可以让老百姓的生活更加便捷,同时也可以提高企业的竞争力,无论是哪个行业以及具体的企业都会有与之对应的大数据分析,而今天就来说说大数据分析对于企业有哪些帮助。数据分析目的1:分类检查未知分类或暂时未知分类的数据,目的是预测数据属于哪个类别或…
暂无图片
编程学习 ·

抖音上卖什么最热销?抖音上最热销的产品是什么?

抖音带货卖什么类型产品热门,抖音带货做哪个领域好自去年六月第一批100个内测账号入驻以来,抖音购物车至今已运营一年有余。随着这一年来功能打磨、生态打通等不断完善,抖音购物车已成为KOL带货变现的绝佳途径之一。第一种,在抖音里卖减肥产品。现在的人生活条件都比较好,…
暂无图片
编程学习 ·

NEAR的机会

(采摘橄榄,梵高)如今,加密圈都在为DeFi疯狂,在整体市值不升反降的这些日子里,加密圈的情绪一直高涨。这是因为Compound效应带来的结果。 虽然公链关注度暂时不如之前,但这一赛道依然是加密领域最重要的赛道。在ETH2.0没有充分证明和虹吸一切之前,一切都存在着概率和可能…
暂无图片
编程学习 ·

【整理】信息安全系统与技术课程复习整理

难得自己整理……信息系统安全与技术选择 15 填空 15 名词解释 4*6 简答 6*6 方案设计 10根据信息流动过程划分的安全威胁:中断威胁、截获威胁、篡改威胁、伪造威胁。 CIA安全需求模型:保密性(Confidentiality)、完整性(Integrity)、可用性(Availability)。 信息保障体…
暂无图片
编程学习 ·

iOS开发之多线程(3)—— GCD

目录版本简介几个概念1. 任务(Task) 和 队列(Queue)2. 同步(sync) 和 异步(async)3. 串行(Serial) 和 并发(Concurrent)4. 主队列(Main Queue) 和 全局队列(Global Queue)GCD的基本使用1. 同步执行 + 串行队列2. 同步执行 + 并发队列3. 异步执行 + 串行队列4. 异步执行 + 并发队…
暂无图片
编程学习 ·

Ubuntu编译安装postgreSQL 10.5

Ubuntu下编译安装postgreSQL 10.5 ubuntu 16.04 LTS系统 postgreSQL 10.5 安装包准备从PostgreSQL官网下载PostgreSQL的安装包安装过程解压源码包tar zxvf postgresql-10.5.tar.gz cd postgresql-10.5检查环境配置 #创建postgreSQL的安装目录 mkdir /usr/local/postgresql #检查…
暂无图片
编程学习 ·

java 并发 join 之 老王泡茶

package juc;import java.util.concurrent.TimeUnit;/*** @author yanjun.liu* @date 2020/7/1--17:00*/ public class Test6 {public static void main(String[] args) throws InterruptedException {Thread lw= new Thread(()->{try {System.out.println("老王开始洗…
暂无图片
编程学习 ·

Flutter 混合接入实战

Flutter 混合接入是指 Flutter 以依赖库的形式接入现有的 Android 或 iOS 项目。不同于集中式的 Flutter 项目( Flutter 做为主项目,把 Android 和 iOS 项目包括在内),Flutter 混合接入更适合当前已有 Android 和 iOS 项目,以及可能需要与 Flutter 页面产生交互的场景。 混…
暂无图片
编程学习 ·

git使用(二)部署本地项目到github

部署本地项目到github 初始化 打开Git Bash。 cd到项目文件夹。(直接把文件夹拖入到bash内即可) 执行初始化代码 git init项目文件夹会产生一个.git的文件夹 跟github仓库进行连接 格式:git remote add origin url地址(https或ssh)例如:git remote add origin git@github…
暂无图片
编程学习 ·

k8s(1)

k8s-集群搭建的三种方式,目前主流的搭建k8s集群的方式有kubeadm、minikube,二进制包。kubeadm 是一个工具,用于快速搭建kubernetes集群,目前应该是比较方便和推荐的,简单易用 kubeadm是Kubernetes 1.4开始新增的特性 kubeadm init 以及 kubeadm join 这两个命令可以快速创…
暂无图片
编程学习 ·

微服务的全局异常处理器

如果是dubbo服务 直接在对外暴露服务的哪个模块添加该类即可 如果是springboot微服务 我们可以把他配置到网关里 并且在启动类配置如下目的是为了让服务知道该配置 否则不生效 ApiReturnObject是一个统一返回值类型 可以根据自己喜好进行定义 这里就不贴代码了package com.s…
暂无图片
编程学习 ·

Linux下redis的安装及用法

Linux下redis的安装及用法 下面介绍在Linux环境下,Redis的安装与部署 1、在安装redis之前先安装C++编译环境,查看目前服务器上gcc的版本:gcc -v, 如果Linux系统没有安装gcc编译器,会提示“Command not found”;如果提示命令找不到,则表明没有安装; 或者更新版本,不然后…
暂无图片
编程学习 ·

php 一句话木马简介

一句话木马就是一段简单的代码,就这短短的一行代码,就能做到和大马相当的功能。一句话木马短小精悍,而且功能强大,隐蔽性非常好,在入侵中始终扮演着强大的作用。一句话木马工作原理<?php @eval($_POST[shell]);?> 这是php的一句话后门中最普遍的一种。它的工作原理…
暂无图片
编程学习 ·

查找 -- 7.1 Sear for a Range -- 图解

/********************************************************************************************************** 描述 Given a sorted array of integers, find the starting and ending position of a given target value. Your algorithm’s runtime complexity must be i…
暂无图片
编程学习 ·

详解Linux的nohup和&用法和区别

Linux的nohup和&用法和区别在应用Unix/Linux时,我们一般想让某个程序在后台运行,于是我们将常会用 & 在程序结尾来让程序自动运行。比如我们要运行mysql在后台: /usr/local/mysql/bin/mysqld_safe –user=mysql &可是有很多程序并不像mysqld一样,这样我们就需要…
暂无图片
编程学习 ·

mac OS中配置通过symbolink方式解决路径问题

mac OS中配置通过symlink方式解决路径问题 第一次在mac OS中安装Django,使用pip3 install Django安装了Django V3.0.8版本,出现以下的现象:使用python3 --version可以看到Python版本,正确 使用python3 -m django --version可以看到Django版本,正确 但在使用django-admin s…