Vue基础

文章目录

列表渲染

字典渲染

通过key管理状态

事件处理

内联事件

方法事件处理器

事件传参

event 获取对象

传递事件对象

事件修饰符

阻止默认事件

组织事件冒泡

数组变化监听

变更法

替换一个数组

计算属性


class绑定

绑定对象

多对象绑定

数组绑定


数组和对象对class绑定,一般不用

style

绑定对象

监听器


表单输入绑定

复选框


模板引用

组件


组件导入

组件style scoped 样式生效作用域

组件嵌套关系

组件注册

全局注册

局部注册

组件传递数据_Props

父级传给子级

父级写法

父级动态传递

子级写法

组件传递数据

组件传递Props校验

子组件中校验


子组件中设置默认值

数组和对象用函数返回

必选项

props是只读的,不能修改父元素的数据

组件事件传递

父级写法

子级写法

组件事件配合v-model使用

组件数据传递

利用函数

透传属性

禁用透传属性

子组件中

插槽

父组件写法

子组件写法

插槽渲染作用域是父组件的

具名插槽

父级写法

简写

子级写法

同时使用父级和子级的作用域的数据

父级写法

子级写法

组件生命周期




组件生命周期应用

通过ref读取元素结构

动态组件

组件保持存活

异步组件

依赖注入


祖宗级写法使用provide

子孙级写法 inject

全局读取

应用


引入第三方

https://swiperjs.com/vue

npm install --save swiper@8.1.6

例子

Axios网络请求

npm install --save axios

get

post

需要装一个querystring


挂载到全局

封装axios

构建instance

发送请求之前

获取数据之前

错误状态码

跨域

解决方案


路由

异步加载

路由传递参数



二级导航


vuex store


状态管理核心

Getter

mutation


action


element-plus

element-plus图标

相关推荐
遇到困难睡大觉哈哈8 分钟前
JavaScript面向对象
开发语言·javascript·ecmascript
檀越剑指大厂11 分钟前
【Python系列】异步 Web 服务器
服务器·前端·python
我是Superman丶13 分钟前
【前端】js vue 屏蔽BackSpace键删除键导致页面后退的方法
开发语言·前端·javascript
Hello Dam14 分钟前
基于 Spring Boot 实现图片的服务器本地存储及前端回显
服务器·前端·spring boot
小仓桑16 分钟前
利用 Vue 组合式 API 与 requestAnimationFrame 优化大量元素渲染
前端·javascript·vue.js
Hacker_xingchen16 分钟前
Web 学习笔记 - 网络安全
前端·笔记·学习
天海奈奈17 分钟前
前端应用界面的展示与优化(记录)
前端
多多*38 分钟前
后端并发编程操作简述 Java高并发程序设计 六类并发容器 七种线程池 四种阻塞队列
java·开发语言·前端·数据结构·算法·状态模式
ᥬ 小月亮40 分钟前
Layui表格的分页下拉框新增“全部”选项
android·javascript·layui
过期的H2O240 分钟前
【H2O2|全栈】JS进阶知识(十一)axios入门
开发语言·javascript·ecmascript·axios