自学内容网 自学内容网

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 是一个很方便的占位符,它允许你访问原生事件对象,而不需要从模板中显式地声明它作为一个参数。这使得你的事件处理代码更加简洁和清晰。

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


原文地址:https://blog.csdn.net/2302_80729149/article/details/142029490

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!