一只猫

创建vuex项目，安装相关依赖：（axios、ant-design-vue（UI库））修改页面上展示的数据列表（全部、未完成，已完成）

Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享

效果：（点击操作列的删除，可删除一行数据。勾选多个多选框再点击批量删除，可删除多个）

添加对话框的好处：添加对话框可以提升用户体验，减少误操作的风险，并增加用户对操作的信心和掌控感。

说明（该案例是一个el-form和el-upload结合的，逻辑是：需要先保存输入框的内容才能上传图片，分别调用了4（查询，删除、插入，上传图片）个接口）

表示从请求中接收名为 "file" 的文件部分，并将其作为 MultipartFile 对象注入到方法参数中。这个组件包含了两个按钮：一个用于文件上传，另一个用于文件导出。方法中会对 HttpServletResponse 进行操作，以便向客户端发送 Excel 文件。方法处理 POST 请求，用于接收上传的 Excel 文件，并调用。方法处理 GET 请求，用于下载 Excel 文件，并调用。类中的方法，可以实现上传和下载 Excel 文件的功能。是响应对象，包含了服务器返回的数据和响应头等信息。

/ 创建axios实例baseURL: process.env.VUE_APP_API_URL, // 设置baseUrltimeout: 6000 // 设置超时时间})

1.每次发请求url只需写不同的部分，相同的已经封装好了。2.当页面报错时，用户使用时就直接看到页面报错（不友好）通过request.interceptors.response.use。通过request.interceptors.request.use。2.当页面报错时，页面会提示相关信息（友好）实例，以便在其他地方使用该实例进行请求。中，使用axios.create。方法创建了一个名为request。在vue项目中src目录下创建。在main.js中导入。方法添加了请求拦截器。方法添加了响应拦截器。

是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建， 操作的实际上是。，并且只是简单地基于 CSS 进行切换， 它操作的是。不管初始条件是什么，元素总是会被渲染。dom 元素的创建或销毁。

【代码】Element中的el-input-number+SpringBoot+mysql。

请求方法各有优缺点，在实际应用中需要根据具体需求选择适当的请求方法。一般来说，如果仅是获取数据，可以使用。是 HTTP 协议中最常见的两种请求方法，它们分别有以下特点。如果需要修改数据或传输大量数据，则应使用。

【代码】Vue+Element(el-switch的使用)+springboot。

可以扩展Vue的原型对象，并添加自定义的属性或方法。来使用axios库进行网络请求，而不需要每次都引入axios库。这行代码，将axios库赋值给Vue的原型对象上的。等方法来发送HTTP请求，简化了代码的书写和维护。是自定义的属性名，可以根据需求进行命名。通过Vue.prototype。在Vue组件中就可以通过。例如，在Vue组件的。

Vue是一个流行的前端JavaScript框架，用于构建交互式的用户界面和单页面应用程序。

dataparams和路径参数。

在终端运行命令即可。

【代码】v-text指令。

前提是安装了node.js。

router文件夹中的index.js文件在导入时，可以省略不写index：import router from'./router'页面中的表格，点击任何一条即可跳转到。就是你想要传递的参数。就是你想要传递的参数。

【代码】v-bind。

(2)一定要在可信的内容上使用v-html，永不要在用户提交的内容上。(1)在网站上动态渲染任意HTML是非常危险的，容易导致xss攻击。

点击重启(Restart)按钮后，中文即可生效。1.重新安装中文插件，重启软件。2.:在vscode中，按住。，在弹出的语言中，选中。，在出现的输入框中，

【代码】vue2中echarts的使用。

在上面的代码中，使用 var 声明的变量 y 在整个函数作用域内都是可见的，所以可以在 if 语句块外部访问。而使用 let 声明的变量 z 的作用域是块级作用域，只在 if 语句块内有效，所以在外部访问会抛出 ReferenceError。在上面的代码中，使用 var 声明的变量 a 存在变量提升，可以在声明之前访问，但其值为 undefined。使用 var 声明的变量可以在同一个作用域内重复声明，后续的声明会覆盖前面的声明。而使用 let 声明的变量在同一个作用域内重复声明会抛出语法错误。

功能：可以把多个组件共用的配置提取成一个混入对象使用方式：第一步定义混合，例如：....第二步使用混入，例如：（1）全局引入：Vue.mixin(xx)(2)局部混入：mixins:[xxx]methods:{},console.log('你好啊');

# 配置项props功能：让组件收外部传过来的数据（1）转递数据：(2)接收数据：第一种方式（只接收）：第二种方式（限制类型）：props:{age:number第三种（限制类型、限制必要性、指定默认值）props:{name:{type:String,//类型requored:true,//必要性default：'老王'//默认值。

2.因为vue.runtime.xxx.js没有校版解析器，所以不能使用template配置项， 需要使用render;(2).vue.runtime.xxx.js是运行版的Vue，只包含: 核心功能:没有楼板解析器。├── babel.config.js: babel 的配置文件。(1).vue.js是完整版的Vue，包含:核心功能+模板解析器。│ ├── favicon.ico: 页签图标。│ │── App.vue: 汇总所有组件。│ │── main.js: 入口文件。

(2).vue.runtime.xxx.js是运行版的Vue，只包含: 核心功能:没有楼板解析器。2.因为vue.runtime.xxx.js没有校版解析器，所以不能使用template配置项，需要使用render;数接收到的createElement两数大指定具体内容。// return createElement('h1','你好')(1).vue.js是完整版的Vue，包含:核心功能+模板解析器。// render:q=>q('h1','你好')

1. 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry。第一步（仅第一次执行）：全局安装@vue/cli。，然后使用命令创建项目。如果出现脚手架组件名报错。