摘要：
组件通信 props通信—不推荐层级过深的传递 概述：props是使用频率最高的一种通信方式，常用与 ：父 ↔ 子。 若 父传子：属性值是非函数。 若 子传父：属性值是函数。其实本质还是先父传子给函数，然后孩子去调用。 父组件： <template> <div class="father"> <h3 阅读全文
posted @ 2024-12-24 09:57
如此而已~~~
阅读(20)
评论(0)
推荐(0)
摘要：
Pinia状态管理工具 参考地址：https://pinia.vuejs.org/zh/ 搭建pinia环境 安装： npm i pinia 编写main.ts import { createApp } from "vue"; import App from "./App.vue"; //引入pin 阅读全文
posted @ 2024-12-24 09:55
如此而已~~~
阅读(25)
评论(0)
推荐(0)
摘要：
路由 参考地址：https://router.vuejs.org/zh/ Vue实质上是一个 SPA（单Web应用程序） 应用，也就是实质上其实只有一张页面。所以我们使用route进行切换。 基本构成： 1、导航区、展示区 2、路由器 3、制定路由的具体规则（什么路径，对应着什么组件 阅读全文
posted @ 2024-12-24 09:54
如此而已~~~
阅读(25)
评论(0)
推荐(0)
摘要：
自定义hooks 1、将对应一个功能的代码拆分出去： import { reactive, onMounted } from "vue"; import axios from "axios"; //有了default后 function不用加名字 export default function () 阅读全文
posted @ 2024-12-24 09:52
如此而已~~~
阅读(16)
评论(0)
推荐(0)
摘要：
对生命周期的理解 参考地址：https://cn.vuejs.org/guide/essentials/lifecycle.html 注意：以下只说明的常用的几个组件生命周期，并不是所有。 为了测试生命周期，下载了对应vue2所需要的 vue.js devtools 6.6.4 来源于谷歌商城， 阅读全文
posted @ 2024-12-24 09:51
如此而已~~~
阅读(20)
评论(0)
推荐(0)
摘要：
props的使用 父组件通过props给子组件 传递基础上获取并添加限制条件 注意：一些属性必须加 : 使其是计算属性，否则传递的是字符串 注意：defineProps 一般defineXxx函数是宏函数可以不用引入，但是我在使用的时候需要引入，可能是语法检查或者其他 ts约束文件： //限 阅读全文
posted @ 2024-12-24 09:49
如此而已~~~
阅读(21)
评论(0)
推荐(0)
摘要：
标签的ref属性 参考文档：https://cn.vuejs.org/api/built-in-special-attributes.html#ref 作用：用于注册模板引用。 用在普通DOM标签上，获取的是DOM节点。因为通过id获取不同组件的对应DOM标签会出现问题，本质上vue是挂载到跟组 阅读全文
posted @ 2024-12-24 09:47
如此而已~~~
阅读(61)
评论(0)
推荐(0)
摘要：
watchEffect 官网：立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行该函数。 watch对比watchEffect: 都能监听响应式数据的变化，不同的是监听数据变化的方式不同 watch：要明确指出监视的数据 watchEffect：不用明确指出监视的数 阅读全文
posted @ 2024-12-24 09:44
如此而已~~~
阅读(25)
评论(0)
推荐(0)
摘要：
watch监听 参考地址：https://cn.vuejs.org/api/reactivity-core.html 特别注意：凡是监视对象类型，只要引用没有发生变化，oldValue和newValue一致。 作用：监视数据的变化（和Vue2中的watch作用一致） 特点：Vue3中的watch只能 阅读全文
posted @ 2024-12-24 09:43
如此而已~~~
阅读(55)
评论(0)
推荐(0)
摘要：
computed计算属性 作用：根据已有数据计算出新数据（和Vue2中的computed作用一致），其也是一个ref类型的变量。 参考代码： <template> <div class="person"> 姓: <input type="text" v-model="firstName"><br> 阅读全文
posted @ 2024-12-24 09:41
如此而已~~~
阅读(24)
评论(0)
推荐(0)
浙公网安备 33010602011771号