Vue3 Element Plus 动态图标Element Plus 中的图标以组件的形式来使用，而在基于Vue 2.x的Element UI中图标是字符串的形式，这样就导致过去的一些使用习惯不得不在使用Vue3的过程中改变，但实际上，在基于Vue3的Element Plus中也可以以字符串的形式来使用，只是需要多做一些工作。为什么基于字符串更适合大家的使用呢？因为图标的使用有时候是动态的，比如：

Vue3 PC端页面开发规范1.开发环境Vue开发环境：软件版本node.jsv16.14.0vue@vue/cli 5.0.1UI 框架：UI框架版本Element Plus^2.0.5PrimeVue^3.12.1其他组件：其他组件版本axios^0.26.1moment^2.29.1sweetalert^2.1.2以上列出的是开发所需要的重要部

Vue3 PrimeVue 应用开发实战11.PrimeVue简介PrimeVue 是一套非常优秀的 Vue UI 组件库，支持 Vue 3 的 web UI 组件库，组件丰富，定制性很强，官网文档清晰，代码例子充足，而且中文化也做得很不错，是一款可用性很强的 Vue 组件库。PrimeVue 的技术特性：组件丰富。内置 70 多个常用的组件，体验优秀，使用简单主题丰富。内置大量主题，且提供强大的

Vue3子组件向父组件返回数据Vue3的子组件向父组件返回数据与Vue2有所不同。具体表现在emits，setup()的使用上，但原理上仍然是相同的，也就是说子组件在向父组件返回数据时，父组件在定义子组件时绑定事件，子组件在返回数据时触发相应的事件就可以了。1.子组件写法<template><div>......<el-button @click="按钮单击事件"&g

vue-devtools的安装vue-devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。前端开发工程师应该比较熟悉这款工具，可以边侧边栏窗格中的页面，边检查代码。由于vue是数据驱动的，所以就会存在在开发调试中查看DOM结构并不能看到我们想看到的内容，那么借助vue-devtools插件，我们就可以很容易的对数据结

Vue3前后端交互错误处理一致性在Web开发中，前后端的交互中错误处理是不可避免的，比如：前端提交数据，后端需要校验，对于不符合要求的数据需要在前端进行提示。通常的做法是在后端返回固定格式的JSON数据来处理，但由于返回的JSON格式在业务、团队等方面很难维护其规范性，所以借助错误处理的方式，在数据请求中统一封装，这样有助于程序员将精力集中到业务处理中。1.环境开发环境前端Vue3后端Python

Vue3前后端交互错误处理一致性在Web开发中，前后端的交互中错误处理是不可避免的，比如：前端提交数据，后端需要校验，对于不符合要求的数据需要在前端进行提示。通常的做法是在后端返回固定格式的JSON数据来处理，但由于返回的JSON格式在业务、团队等方面很难维护其规范性，所以借助错误处理的方式，在数据请求中统一封装，这样有助于程序员将精力集中到业务处理中。1.环境开发环境前端Vue3后端Python

15.FastAPI Cookies15.1通过Cookie参数获取数据在FastAPI中，Cookie可以像Path、Query一样声明参数类型，使用方法也是一样的。代码如下：from fastapi import FastAPIfrom fastapi import Cookie​app = FastAPI()​@app.get(path='/test')async def hello(uid

5.FastAPI显式声明参数FastAPI允许显式声明参数属于查询参数、路径参数或者请求体；同时还可以为参数声明默认值、额外的信息及校验；也允许显式声明可选参数；5.1可选参数可选参数的显式声明使用 typing. Optional来声明；代码如下：# coding: utf-8​from typing import Optionalfrom fastapi import FastAPI​app

11.FastAPI模型与字典11.1Pydantic 的 .dict()Pydantic 模型的 .dict()方法返回一个拥有模型数据的 dict。 代码如下：from fastapi import FastAPIfrom pydantic import BaseModel​app = FastAPI()​class Language(BaseModel):id: strname: strye