当前位置: 首页 > article >正文

vue-vant框架引入

一、工具说明

vscode编辑器

二、安装

使用包管理器安装

npm install vant -S

 查看是否安装成功:查看项目下的package.json文件中的依赖是否有vant:

三、导入

 1、按需导入

按照node_mouduls目录下的vant文件夹的lib目录中的路径导入你要的组件

2、整体导入

在项目下的main.js文件中:

import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import Vant from 'vant'
import 'vant/lib/index.css'
const app = createApp(App)

app.use(router)
app.use(Vant)
app.mount('#app')

 这样我们就可以使用vant的组件了


http://www.kler.cn/news/364362.html

相关文章:

  • 三款计算服务器配置→如何选择科学计算服务器?
  • 《IDE 巧用法宝:使用技巧全解析与优质插件推荐》
  • LeetCode_509. 斐波那契数_java
  • 学习docker第三弹------Docker镜像以及推送拉取镜像到阿里云公有仓库和私有仓库
  • STM32之OLED驱动函数
  • 【Flutter】基础组件:文本及样式
  • obesi-daemon.log这个日志一直在不断输出?
  • Centos编写mysql备份脚本
  • 好用的vscode内置GPT中文版插件 ,可问答 , 可生成代码! (AI程序员 , 出列 !)
  • 新手向-C接口调用dbus
  • 软件部署-Docker容器化技术(二)
  • (清晰易懂版)(multi)map和set--C++
  • 数据结构~红黑树
  • Linux基础环境搭建(CentOS7)- 安装Scala和Spark
  • webassembly之typescript支持
  • OpenCV系列教程五:图像的分割与修复
  • 代谢组数据分析(二十):通过WGCNA识别核心代谢物
  • 面向对象进阶(下)(JAVA笔记第二十二期)
  • 数据结构(8.2_2)—希尔排序
  • 了解 WebSocket
  • 【格物刊】龙信刊物已上新
  • 【linux开发-驱动】SPI驱动开发相关
  • node和npm
  • 指增和中性产品的申赎加减仓及资金调拨自动化伪代码思路
  • 【数据仓库】数据仓库面试题
  • ANSI C、ISO C、POSIX标准、GNU的含义