| 标题 | 详情 |
|---|---|
| 作者简介 | 愚公搬代码 |
| 头衔 | 华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。 |
| 近期荣誉 | 2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等。 |
| 博客内容 | .NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。 |
| 欢迎 | 👍点赞、✍评论、⭐收藏 |
文章目录
- 🚀前言
- 🚀一、案例：天气预报应用
- 🔎1.main.js
- 🦋1.1 模块引入
- 🦋1.2 创建 Vue 应用实例
- 🦋1.3 全局注册 Element Plus 图标组件
- 🦋1.4 注册 Element Plus 插件
- 🦋1.5 注册 axios 和 vue-axios 插件
- 🦋1.6 挂载 Vue 应用
- 🦋1.7 总结
- 🔎2.App.vue
- 🔎3.WeatherDemo.vue
- 🦋3.1 `<script setup>` 部分
- ☀️3.1.1 导入 Vue 的 API
- ☀️3.1.2 定义响应式数据
- ☀️3.1.3 请求数据函数
- ☀️3.1.4 获取 Axios 实例
- ☀️3.1.5 组件挂载时初始化
- ☀️3.1.6 城市变化时重新请求数据
- 🦋3.2 `<template>` 部分
- ☀️3.2.1 UI 结构
- ☀️3.2.2 显示天气信息
- 🦋3.3 `<style>` 部分
- 🦋3.4 总结
