weixin_44209082的博客

Vue3 使用css深度监听，控制台警告问题

一、props（父子组件传值）父子组件传值要使用setup函数中的参数来实现。setup 主要有两个参数：    第一个参数：props ：父组件传递过来的属性会被放到props对象中    第二个参数：context：包含3个属性，如下：        attrs：所有的非prop的attribute        slots：父组件传递过来的插槽        emit：当我们组件内部需要发出事件时会用到emit父组件向子组件传值父组件中：<template>

一、watch 监听import { ref, watch, reactive } from 'vue'export default { setup(){ let str = ref('') let msg = ref('你好！') let person = reactive({ name: '王五', age: 100, info: { a: { salary: 20 } } }) // 情况一：监听ref所定义的一个响应

介绍一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API的入口。Vue3.0中的一个新的配置项，值为一个函数。组件中所用到的：数据、方法等等，均要配置再setup中。注意点：1.尽量不要与Vue2.x配置混用Vue2.x配置...

一、ref 函数作用：定义一个响应式的数据。示例：<template> <div>{{ name }}</div></template><script> import { ref } from 'vue' export default { setup() { const name = ref('张三') console.log(name.value) // '张三' // 暴露给模板

前言什么是防抖？ 防抖就是对于频繁触发的事件添加一个延时同时设定一个最小触发间隔，如果触发间隔小于设定的间隔，则清除原来的定时，重新设定新的定时；如果触发间隔大于设定间隔，则保留原来的定时，并设置新的定时； 防抖的结果就是频繁的触发转变为触发一次。使用customRef实现防抖作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。该函数有两个参数： track 和 trigger 。使用自定义 ref 通过 v-model 实现 防抖 示例：<template&gt

vue2的方式写computed：代码片段： data() { return { num1: 0, num2: 0, }; }, computed: { result() { return parseInt(this.num1) + parseInt(this.num2); }, }Ps: num1和num2的和等于result在vue3中我们如何使用computed：代码片段：<template>