当前位置: 首页 > article >正文

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

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


http://www.kler.cn/a/314298.html

相关文章:

  • 如何在手机上完整下载B站视频并保存到相册?
  • Brave127编译指南 Windows篇:部署Node.js(五)
  • web安全测试渗透案例知识点总结(上)——小白入狱
  • SQL 注入详解:原理、危害与防范措施
  • 前缀和技巧解析
  • 穿越数据迷宫:C++哈希表的奇幻旅程
  • C++_数据结构详解
  • MATLAB入门基础篇
  • 一个安卓鸿蒙化工具
  • SpringBoot环境配置(Spring Boot Profile)
  • sql执行流程经典案例分析
  • 从Profinet到Ethernet IP网关技术重塑工业网络,数据传输更流畅
  • Go语言并发编程中的超时与取消机制解析
  • 基于菜鸟教程的flask学习记录 —— Flask视图函数
  • Java.猜数字小游戏
  • Go 语言字典探秘:操作指南与约束解析
  • Git之如何删除Untracked文件(六十八)
  • MySQL的索引——提高查找算法的数据结构 B+树
  • Qt容器类控件——QGroupBox和QTabWidget
  • 计算机网络(月考一知识点)
  • Windows安装Oracle11gR2(图文教程)
  • Docker部署ddns-go教程(包含完整的配置过程)
  • 基于 K8S kubernetes 搭建 安装 EFK日志收集平台
  • 深度学习实战93-基于BiLSTM-CRF模型的网络安全知识图谱实体识别应用
  • CTC loss 博客转载
  • C++(2)进阶语法