qq_41429765的博客

setup(){ onMounted(()=>{ flag=true; window.addEventListener('scroll',thorrle(scrollValue,1000)) }) let flag=true; function thorrle(fn,interval){ let last=0; return function()...

data选项应始终被声明为一个函数。1.过度类名的更改：Vue2.x写法.v-enter,.v-leave-to{opacity:0;}.v-leave,.v-enter-to{opacity:1;}Vue3.x写法.v-enter-from,.v-leave-to{opacity:0;}.v-leave-from,.v-enter-to{opacity:1;}移除keyCode作为v-on的修饰符，同时也不再支持config.keyCodes移除v-on.nativ

1.全局API的转移Vue2.x有许多全局API和配置 例如：注册全局组件，注册全局指令等。 //注册全局组件Vue.component('myButton',{ data:()=>({ count:0 }), template:'<button @click="count++'>Clicked{{count}}</button>'})//注册全局指令Vue.directive('focus',{ ins

1.Options API存在的问题：功能模块编译不统一放置需要分别在data,methods,计算属性中逐一查找并修改，没有顺序2.Composition API的优势我们可以更加优雅的组织我们的代码，函数，让相关功能的代码更加有序的组织在一起...

isRef:检查一个值时否为一个ref对象 isReactive：检查一个对象是否是由reactive创建的响应式对象 isReadonly：检查一个对象是否是由readonly创建的只读代理 isProxy：检查一个对象是否是由reactive或者readonly方法创建的代理...

作用：实现祖与后代组件间通信 套路：父组件有一个provide选项来提供数据，后代组件有一个inject选项来开始使用这些数据 具体写法： 1.祖组件中<template> <div class="home" > <div style="background: darkorange;height:100px;"> {{justN}} </div> <HelloWorld msg="Welcome t..

什么是hook？ ----本质是一个函数，把setup函数中使用的composition API进行了封装 类似于vue2中的mixin 自定义hook的优势：复用代码,让setup中的逻辑更清晰易懂使用方式如下：//使用hooks的组件<template> <div class="hello" id="HelloWorld"> x轴位置：{{valz.x}}<br/> y轴位置：{{valz.y}}<br/> &lt.