qq_43714712的博客

** 图片懒加载-自定义指令 ** 核心：图片进入视口才发送网路请求(数据的url交给img.src属性) 这里用到了vue3的核心包的API，然后以插件的形式注册，和vue2的自定义指令有些不同 import { useIntersectionObserver } from '@vueuse/core' import defaultImg from '@/assets/images/200.png' export default { install (app) { app.directive(

自己封装组件时，先把静态的页面写好，然后再去把静态的变为动态数据，一般简单的数据的改动用props，如果是复杂的改动，则需要用插槽，多个的话需要具名插槽,如果有多个插槽，有一个没给名字，则默认名字是default <template> <div class="box" style="height:500px"> <div class="xtx-slider " @mouseenter="mouseenter" @mouseleave="mouseleave">

vue3是向vue2向下兼容的，并不是替换 setup()是vue3入口函数 组件通信 父传子 子传父 provide和inject（任何组件之间） 顶层用provide、底层用inject 一般数据 响应式数据