![](https://img-blog.csdnimg.cn/direct/216278c4fd754394b82b01981ca6bbdb.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 50
vue
娃哈哈哈哈呀
分享我的学习笔记和经验教训
展开
-
Vuex案例————todos(任务事项)
创建vuex项目,安装相关依赖:(axios、ant-design-vue(UI库))修改页面上展示的数据列表(全部、未完成,已完成)原创 2024-02-20 15:58:37 · 514 阅读 · 0 评论 -
Vuex学习记录
Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享原创 2024-02-19 17:25:58 · 865 阅读 · 0 评论 -
在 MyBatis 中,可以使用相同的 SQL 映射语句进行批量删除和单个删除。
效果:(点击操作列的删除,可删除一行数据。勾选多个多选框再点击批量删除,可删除多个)原创 2024-02-18 13:54:42 · 929 阅读 · 0 评论 -
删除时弹出一个对话框询问用户是否要删除,选择删除就调用接口,否则就不调
添加对话框的好处:添加对话框可以提升用户体验,减少误操作的风险,并增加用户对操作的信心和掌控感。原创 2024-02-18 12:48:44 · 444 阅读 · 0 评论 -
Vue+Element(el-upload+el-form的使用)+springboot
说明(该案例是一个el-form和el-upload结合的,逻辑是:需要先保存输入框的内容才能上传图片,分别调用了4(查询,删除、插入,上传图片)个接口)原创 2024-01-21 21:02:37 · 596 阅读 · 0 评论 -
如何导入导出Excel表格(vue2+SpringBoot+Element+easyexcel)
表示从请求中接收名为 "file" 的文件部分,并将其作为 MultipartFile 对象注入到方法参数中。这个组件包含了两个按钮:一个用于文件上传,另一个用于文件导出。方法中会对 HttpServletResponse 进行操作,以便向客户端发送 Excel 文件。方法处理 POST 请求,用于接收上传的 Excel 文件,并调用。方法处理 GET 请求,用于下载 Excel 文件,并调用。类中的方法,可以实现上传和下载 Excel 文件的功能。是响应对象,包含了服务器返回的数据和响应头等信息。原创 2024-01-28 22:30:12 · 1829 阅读 · 1 评论 -
在 Vue 项目中,可以通过设置不同的环境变量来区分不同的环境,例如本地开发环境、测试环境和生产环境。以下是设置环境变量的步骤:
/ 创建axios实例baseURL: process.env.VUE_APP_API_URL, // 设置baseUrltimeout: 6000 // 设置超时时间})原创 2024-01-26 11:12:16 · 772 阅读 · 0 评论 -
使用axios库创建实例的示例,(创建实例时,传入了一个配置对象)同时还包含了请求拦截器和响应拦截器
1.每次发请求url只需写不同的部分,相同的已经封装好了。2.当页面报错时,用户使用时就直接看到页面报错(不友好)通过request.interceptors.response.use。通过request.interceptors.request.use。2.当页面报错时,页面会提示相关信息(友好)实例,以便在其他地方使用该实例进行请求。中,使用axios.create。方法创建了一个名为request。在vue项目中src目录下创建。在main.js中导入。方法添加了请求拦截器。方法添加了响应拦截器。原创 2024-01-23 11:35:53 · 473 阅读 · 0 评论 -
v-if 和 v-show 有什么区别?
是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建, 操作的实际上是。,并且只是简单地基于 CSS 进行切换, 它操作的是。不管初始条件是什么,元素总是会被渲染。dom 元素的创建或销毁。原创 2024-01-22 18:20:01 · 345 阅读 · 0 评论 -
Element中的el-input-number+SpringBoot+mysql
【代码】Element中的el-input-number+SpringBoot+mysql。原创 2024-01-22 11:33:43 · 798 阅读 · 0 评论 -
get和post的特点
请求方法各有优缺点,在实际应用中需要根据具体需求选择适当的请求方法。一般来说,如果仅是获取数据,可以使用。是 HTTP 协议中最常见的两种请求方法,它们分别有以下特点。如果需要修改数据或传输大量数据,则应使用。原创 2024-01-22 18:04:36 · 562 阅读 · 0 评论 -
Vue+Element(el-switch的使用)+springboot
【代码】Vue+Element(el-switch的使用)+springboot。原创 2024-01-22 12:19:56 · 719 阅读 · 0 评论 -
vue2中将axios库挂载到Vue的原型对象上,以使其在整个Vue应用程序中可用
可以扩展Vue的原型对象,并添加自定义的属性或方法。来使用axios库进行网络请求,而不需要每次都引入axios库。这行代码,将axios库赋值给Vue的原型对象上的。等方法来发送HTTP请求,简化了代码的书写和维护。是自定义的属性名,可以根据需求进行命名。通过Vue.prototype。在Vue组件中就可以通过。例如,在Vue组件的。原创 2024-01-22 17:49:33 · 791 阅读 · 0 评论 -
Vue2所学总结
Vue是一个流行的前端JavaScript框架,用于构建交互式的用户界面和单页面应用程序。原创 2023-12-27 14:54:25 · 890 阅读 · 0 评论 -
axios的传参方式
dataparams和路径参数。原创 2024-01-17 11:01:35 · 1739 阅读 · 0 评论 -
vue2项目中安装Element框架
在终端运行命令即可。原创 2024-01-11 12:26:24 · 366 阅读 · 0 评论 -
v-text指令
【代码】v-text指令。原创 2023-10-31 21:57:59 · 43 阅读 · 0 评论 -
Vue cli脚手架的安装
前提是安装了node.js。原创 2023-11-30 20:02:05 · 421 阅读 · 0 评论 -
Vue2路由(router)的安装和使用
router文件夹中的index.js文件在导入时,可以省略不写index:import router from'./router'页面中的表格,点击任何一条即可跳转到。就是你想要传递的参数。就是你想要传递的参数。原创 2023-12-24 13:59:41 · 3046 阅读 · 0 评论 -
v-bind
【代码】v-bind。原创 2023-10-31 23:04:08 · 35 阅读 · 0 评论 -
v-html
(2)一定要在可信的内容上使用v-html,永不要在用户提交的内容上。(1)在网站上动态渲染任意HTML是非常危险的,容易导致xss攻击。原创 2023-10-31 22:08:55 · 27 阅读 · 0 评论 -
vscode安装中文插件不起作用
点击重启(Restart)按钮后,中文即可生效。1.重新安装中文插件,重启软件。2.:在vscode中,按住。,在弹出的语言中,选中。,在出现的输入框中,原创 2023-11-30 19:56:48 · 1177 阅读 · 0 评论 -
vue2中echarts的使用
【代码】vue2中echarts的使用。原创 2024-01-18 11:16:56 · 453 阅读 · 0 评论 -
var 和 let 的优缺点
在上面的代码中,使用 var 声明的变量 y 在整个函数作用域内都是可见的,所以可以在 if 语句块外部访问。而使用 let 声明的变量 z 的作用域是块级作用域,只在 if 语句块内有效,所以在外部访问会抛出 ReferenceError。在上面的代码中,使用 var 声明的变量 a 存在变量提升,可以在声明之前访问,但其值为 undefined。使用 var 声明的变量可以在同一个作用域内重复声明,后续的声明会覆盖前面的声明。而使用 let 声明的变量在同一个作用域内重复声明会抛出语法错误。原创 2024-01-19 22:05:16 · 677 阅读 · 0 评论 -
## mixin(混入)
功能:可以把多个组件共用的配置提取成一个混入对象使用方式:第一步定义混合,例如:....第二步使用混入,例如:(1)全局引入:Vue.mixin(xx)(2)局部混入:mixins:[xxx]methods:{},console.log('你好啊');原创 2023-05-21 10:39:53 · 53 阅读 · 0 评论 -
## 配置项props
# 配置项props功能:让组件收外部传过来的数据(1)转递数据:(2)接收数据:第一种方式(只接收):第二种方式(限制类型):props:{age:number第三种(限制类型、限制必要性、指定默认值)props:{name:{type:String,//类型requored:true,//必要性default:'老王'//默认值。原创 2023-05-20 17:12:22 · 72 阅读 · 0 评论 -
vue脚手架
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: 入口文件。原创 2023-05-16 22:28:25 · 75 阅读 · 0 评论 -
关于不同版本的Vue
(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','你好')原创 2023-05-16 21:53:43 · 120 阅读 · 0 评论 -
初始化脚手架
1. 如出现下载缓慢请配置 npm 淘宝镜像:npm config set registry。第一步(仅第一次执行):全局安装@vue/cli。,然后使用命令创建项目。如果出现脚手架组件名报错。原创 2023-05-16 20:11:33 · 106 阅读 · 0 评论