12 2021 档案
摘要：1.全局API的转移 2.x全局api(Vue) 3.x全局api(app) Vue.config.xxx app.config.xxx Vue.config.productionTip 移除 Vue.component app.component Vue.directive app.directi
阅读全文
摘要：1.作用：suspense在等待异步组件时额外渲染一些内容，使用户拥有更好的体验。 2.使用： 引入异步组件，Child需要在components里注册 import {defineAsyncComponent} from 'vue' // import demo from './component
阅读全文
摘要：<template> <!-- vue3中模版结构可以没有根标签 --> <div class="father"> <div class="child"> <teleport to='body'> <input type="text" v-model="keyword"> <h3>{{keyword
阅读全文
摘要：1.isRef：检查一个值是否为ref对象 2.isReactive：检查一个对象是否为reactive对象 3.isReadonly：检查一个对象是否为readOnly创建的只读代理 4.isProxy：检查一个对象是否由reactive和readonly创建的代理
阅读全文
摘要：作用：实现祖孙组件之间的通信 实现：父组件中有一个provide选项来提供数据，后代组件中有一个inject选项来使用这些数据 1.祖组件中 import { provide} from 'vue' export default { name: 'App', setup(){ let testDat
阅读全文
摘要：作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 //自定义ref--myRef function myRef(value){ let timer return customRef((track,trigger)=>{ return { //return必写，官方要求必须返回
阅读全文
摘要：readOnly：让一个响应式数据变成只读的（深只读） shallowReadOnly：让一个响应式数据变成只读的（浅只读） 应用场景：不希望数据被修改时 语法： let person = reactive({ name:'章三', age:18, job:{ j1:{ salary:20 } }
阅读全文
摘要：toRef：创建一个ref对象，其value值指向对象的某个属性 语法： const name = toRef(person,'name') toRefs：作用同toRef，可以同时创建多个ref对象 应用：要将响应式对象中的某个属性单独给外部使用时 使用： 1.在页面中引入 import {rea
阅读全文
摘要：1.在页面中引用watch import {reactive,watch, ref} from 'vue' 2.在setup函数中使用watch监听ref定义的数据 //监听ref所定义的一个数据 newValue改变后新数据，变化前的旧数据 watch(sum,(newValue,oldValue
阅读全文
摘要：1.引用computed 2.在setup中使用 上面是computed的简写，没有考虑计算属性修改的情况，只能读。 下面是computed的完整写法（读和写） 页面中使用：
阅读全文
浙公网安备 33010602011771号