这里是Vant的官方文档https://youzan.github.io/vant-weapp/#/intro第一步 使用终端安装Vantnpm i vant -S第二步 使用终端安装babel-plugin-import(在编译过程中将 import 的写法自动转换为按需引入的方式)npm i babel-plugin-import -D            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-16 11:30:06
                            
                                1362阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## 实现“vue + vant 封装 axios”
### 1. 简介
在使用Vue和Vant进行开发时,经常需要与后端进行数据交互。而Axios是一种非常流行的HTTP库,用于在前端发送异步请求。在本文中,我们将学习如何封装Axios,以便在Vue项目中更方便地使用。
### 2. 整体流程
下面是整个封装Axios的流程,我们可以通过一个表格来展示每个步骤:
| 步骤 | 描述 |            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-18 05:16:02
                            
                                341阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、什么是Vant ui        Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源。是一款轻量、可靠的组件库。能够大大提高我们的开发速度。Vant 2 - Mobile UI Components built on VueMobile UI Components built on Vuehttps            
                
         
            
            
            
            
        
        Android特性
Android是Google公司基于Linux内核的开源操作系统,主要用于移动设备,目前在智能手机市场占有重要份额。Android应用层使用Java语言开发,运行于Dalvik虚拟机,每个Android应用运行在独立的虚拟机中,这保证了各应用间资源的保护和线程安全。
    Android特性Android是Google公司基于Linux内核            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-16 15:13:43
                            
                                145阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 通过 npm 安装 npm i vant -S 安装完配置 babel.config.js module.exports = { presets: ['@vue/app'], plugins: [ 'lodash', [ 'import', { libraryName: 'vant', libr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-27 18:03:00
                            
                                120阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vant中文github地址:https://github.com/youzan/vant/blob/HEAD/README.zh-CN.md api:https://youzan.github.io/vant/#/zh-CN/pull-refresh # 安装 Vue Cli npm instal            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-09 19:02:00
                            
                                226阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1. 设置动态根字号大小,/public/phone-adapt.js,在index.html中引入 (function (doc, win) { const docEl = win.document.documentElement; const resizeEvt = 'orientationch ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-22 13:21:00
                            
                                898阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Vant什么是VantVant是一个轻量,可靠的移动端组件库,2017开源课程中我们使用Vue2版本对应的Vant学习Vant的优势ElementUI是开发计算机浏览器(非移动端)页面的组件库而Vant是开发移动端页面的组件库我们设计的酷鲨商城前台项目使用手机\移动设备访问的,所以使用Vant更合适Vant特性性能极佳,组件平均体积小于 1KB(min+gzip)65+ 个高质量组件,覆盖移动端主            
                
         
            
            
            
            # 如何解决Vue Vant iOS弹窗问题
## 概述
在Vue项目中使用Vant组件库时,有时会遇到iOS系统下弹窗显示不正常的问题。本文将教你如何解决这个问题。
## 解决流程
以下是解决Vue Vant iOS弹窗问题的步骤:
```mermaid
journey
    title 解决Vue Vant iOS弹窗问题
    section 理解问题
        开发者发现i            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-07-01 06:32:53
                            
                                450阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近山竹台风来了,在家休息了一天。 总结梳理了一些知识点一:http状态码,TCP和UDP的区别,TCP的三次握手和四次挥手OSI七层网络模型和TCP/IP四层网络模型,http1.0 http1.1 https http2的知识 状态码:比较有趣的有101协议升级(websocket,http2),304协商缓存(etag,last-modified),307hsts跳转(h            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-28 21:33:18
                            
                                24阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vant是轻量、可靠的移动端 Vue 组件库,安装使用可以参照官方文档进行,但是我发现文档不是很全面,所以自己在这里记录一下vue使用Vant主要有四种方式,第四种通过CDN引入方式,这里不做介绍,主要是下面这三种:1,自动按需引入组件(灵活,体积小,官方推荐,需安装插件)2,手动按需引入组件(不安装插件情况使用)3,全局导入所有组件(会增加代码包体积,官方不推荐)###在使用之前,首先安装,可以            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-01 19:23:19
                            
                                53阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            重点是把从接口得到的数据变异成vant组件规定的格式!!{ province_list: { 110000: '北京市', 120000: '天津市' }, city_list: { 110100: '北京市', 110200: '县', 120100: '天津市', 120200: '县' }, county_list: { 110101: '东城区', 110102: '西城区', 11010            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-23 20:29:32
                            
                                100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            【代码】vue3安装vant 按需引入和全局引入。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-01 08:01:34
                            
                                329阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            【Vue3】Vue3中安装和配置Vant组件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-10 01:06:53
                            
                                951阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vant富文本显示            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-25 11:04:40
                            
                                1349阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            template的代码: //搜索框 <el-input placeholder="请输入..." v-model="keyword" ></el-input> <button @click="search">搜索</button> //内容 <div v-for=(item,index) in l ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-11 10:38:00
                            
                                689阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            babel.config.js plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-27 14:42:00
                            
                                419阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            【代码】vue 模拟商城 vant的使用。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-16 17:40:10
                            
                                158阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考文档:VantBanner.vue仿接口<template>  <!-- 首页的轮播图 -->  <div class="home-banner-box">    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">      <van-swipe-item v-for="item in bannerList"        :key="item.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-30 10:37:07
                            
                                1953阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue3中如何按需引入vant组件库            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-08 09:47:57
                            
                                461阅读