vue学习日志 2025.2.26

父子组件交互

关键词:props 这是在子组件中的

1.修改父组件app.vue，然后在script中修改data

假设我们要传递的是message，这是我们修改template中的数据

由于这是html中的我们要用：在组件中，v-bind 用于将父组件的数据传递给子组件的 props，接着要对子组件进行操作，先在script中进行props的声明，

这里要将传过来的message指定类型和默认值，然后就可以动态的获取父组件传过来的数据了。

在用一个模板语法就可以了。

注意

但是传递数组类型默认值要写成函数返回

注意：这里的类型首字母必须大写，否则网页将显示空白并且不报错。

自定义事件组件的交互

是要通过$emit来实现的，主要用于子组件给父组件传递。

首先在子组件中定义一个事件，然后在事件的函数中用$emit函数，他有两个参数，第一个是父组件事件的名字，第二个是传递的值。如下

然后子组件就完成了，到了父组件，父组件基于emit给到的值来进行事件名字的定义，

然会jijiji这个值就会传给getdata这个事件，然后这个事件要设置一个参数来接受他，这样就可以赋值了，

组件生命周期

组件有8个生命周期函数：

vue引入第三方

Swiper 是一个流行的第三方库，用于创建功能强大且响应式的触摸滑动组件。它通常用于实现轮播图、图片画廊、幻灯片展示等场景,非常好用。

Axios网路请求

get请求方式：

post请求方式：

两者的简介方式：

网络请求的封装

一般现在src中创建utils然后在utils里面创建request.js

在网路请求中最常用的就是拦截器

发送之前的拦截器：

获取数据之前的拦截器：

更多的axios可以参考axios 看云

一下是对于路径的封装

网络请求跨域连接

在写完配置之后要重新启动服务器。