前端开发:axios在vue中的使用

简介: 前端开发:axios在vue中的使用

1、安装

# 安装 Vue Cli
npm install -g @vue/cli

# 创建一个项目
vue create hello-world

# 安装vant 
npm i vant -S
# 完整写法:npm install vant --save

# 安装插件 
npm i babel-plugin-import -D
# 完整写法: npm install babel-plugin-import --save-dev

# 更换安装源:
# npm install vant --save --registry=https://registry.npm.taobao.org

2、babel.config.js 中配置

module.exports = {

plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
};

3、新建视图 views/Web.vue

<template>
<div>

<van-button type="primary">主要按钮</van-button>

</div>
</template>

<script>

// 引入组件
import { Button } from "vant";

export default {
name: "web",

// 注册组件
components: {
[Button.name]: Button
}
};
</script>

4、配置路由router.js

{
path: '/web',
name: 'web',
component: () => import('./views/Web.vue')
}

5、访问测试

npm run serve           # 启动项目

http://localhost:8080/web

d21.3.png

            </div>
目录
相关文章
|
人工智能 前端开发 机器人
虚拟数字人开放平台产品分享
本文摘自虚拟数字人新品发布会姜望讲解部分
2138 0
虚拟数字人开放平台产品分享
|
编解码 算法 搜索推荐
淘宝人生里的虚拟人像渲染技术
全程干货,淘宝人生里的虚拟人像是如何实现的?
淘宝人生里的虚拟人像渲染技术
|
人工智能 自然语言处理 搜索推荐
全面升级!揭秘阿里云智能Logo设计的AI黑科技
免费体验!阿里云智能logo设计一直致力于用AI技术,帮助更多有设计需求的朋友能“多快好省”地做logo,让“设计logo”这件有门槛的事情,通过智能工具能轻松打造。满意再付款,首单仅需9.9元。
3788 0
全面升级!揭秘阿里云智能Logo设计的AI黑科技
|
弹性计算 安全 数据安全/隐私保护
阿里云ECS服务器被植入挖矿木马解决过程分享
阿里云ECS服务器是目前很多网站我们在使用的,但是如果安全做的不够好,有时候就会被植入木马,例如我们有时候会收到阿里云的短信提醒,提醒服务器存在挖矿进程,请立即处理的安全告警。 出现这种情况往往网站都无法正常的打开,卡的连服务器SSH远程连接都进不去,给我们造成了很大的影响。
11657 0
|
监控 调度 异构计算
阿里云容器服务GPU监控2.0基础篇1:基本功能使用
本系列相关文章:阿里云容器服务GPU监控2.0基础篇1:基本功能使用阿里云容器服务GPU监控2.0基础篇2:监控NVLINK带宽阿里云容器服务GPU监控2.0基础篇3:监控NVIDIA XID错误阿里云容器服务GPU监控2.0进阶篇1:剖析(Profiling)GPU使用情况必备知识阿里云容器服务GPU监控2.0进阶篇2:学会剖析(Profiling)GPU使用情况容器服务GPU监控2.0基于NV
1993 0
阿里云容器服务GPU监控2.0基础篇1:基本功能使用
|
编解码
学习:泰勒级数插值的多光谱马赛克图像复原方法综述
学习:泰勒级数插值的多光谱马赛克图像复原方法综述
635 0
学习:泰勒级数插值的多光谱马赛克图像复原方法综述
|
弹性计算 应用服务中间件 Apache
阿里云2核4G云服务器支持多少人同时在线?并发数计算?
阿里云服务器2核4G支持多少人同时在线?关于2核4G服务器的并发数取决于实际应用程序效率、公网带宽及ECS实例规格,还有2核4G云服务器公网带宽,带宽小的话很可能直接都卡到网络入口了
1226 0
阿里云2核4G云服务器支持多少人同时在线?并发数计算?
|
存储 弹性计算 对象存储
阿里云4核8G服务器10M带宽支持在线人数并发量计算
阿里云4核8G服务器支持多少人同时在线?阿里云服务器10M带宽支持多少并发量?阿里云4核8G服务器选择计算型c6还是共享型s6?
613 1
阿里云4核8G服务器10M带宽支持在线人数并发量计算