vue-入门速通

  1. setup是最早的生命周期,在vue2里边的data域可以使用this调用setup里面的数据,但是在setup里边不能使用this
  2. vue项目的可执行文件是index,另外运行前端需要npm run +
  3. vue的三个模块内需要三个不同的结构,里边放置js代码,注释//,里边是html代码,注释里边是css样式,注释/* */
  4. 选项式和组合式
    在这里插入图片描述
  5. ref创建:基本类型的响应数据
    在这里插入图片描述
  6. 对象类型的数据响应
    在这里插入图片描述
  7. 修改变量在这里插入图片描述
  8. 计算属性
    在这里插入图片描述
  9. watch监视
    在这里插入图片描述在这里插入图片描述

在这里插入图片描述
监视4在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
ref标签
在这里插入图片描述
接口,自定义类型,泛型
在这里插入图片描述
在这里插入图片描述
生命周期
在这里插入图片描述
在这里插入图片描述
路由:路由就是一组key——value的对应关系
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
编程式路由导航
绑定按钮,
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
组件通信
在这里插入图片描述
子传父的话要先在子组件定义一个方法,然后在父组件去实现这个方法
父传子不需要函数
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在 Vue.js 中,$event 是一个特殊的变量,它代表了原生 DOM 事件的当前实例。当你在组件中的方法里需要访问原生 DOM 事件时,可以通过 $event 来获取。

通常,你会在自定义事件或 DOM 事件处理器中使用 $event。以下是一些使用 $event 的场景:
$event 是一个很方便的占位符,它允许你访问原生事件对象,而不需要从模板中显式地声明它作为一个参数。这使得你的事件处理代码更加简洁和清晰。

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

shix .

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值