![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
老赵不玩博客
愿你成为太阳 不需要借助别人发出的光
展开
-
使用customRef自定义ref,解决setup中处理异步问题。
setup中不允许使用async、await使用customRef可以让请求到的数据自动获取响应式状态详见下方demo<template> <div>{{ num }}</div> <button @click="change">change</button></template><script>/* customRef用于自定义ref,setup不允许使用async和await */import .原创 2021-03-10 20:25:25 · 946 阅读 · 1 评论 -
vue3中ref、toRef、toRefs的区别
ref—>原有数据的复制,修改响应式数据不会影响原数据但UI界面会更新。toRef—>原有数据的引用,修改响应式数据影响原数据但UI界面不更新<template> <div>{{ name }}{{ age }}</div> <button @click="change">change</button></template><script>import { toRefs, toRef } .原创 2021-03-09 20:55:24 · 1500 阅读 · 0 评论 -
vue3中shallowReactive对比reactive、shallowRef对比ref以及triggerRef作用
一、shallowReactive对比reactive使用reactive声明的变量为递归监听,使用shallowReactive声明的变量为非递归监听(通俗的讲就是reactive创建的对象将会被vue内部进行递归监听,可以监听到对象中的对象是否发生了改变从而更新视图,而shallowReactive创建的对象只能监听到首层对象的变化)。<template> <!-- reactive --> <div>{{ reactiveState }}</d原创 2021-03-08 20:25:46 · 4808 阅读 · 0 评论 -
vue3.x之Vite初体验
vite 使用一、项目搭建<project-name>为项目名$ npm init vite-app <project-name>$ cd <project-name> //进入项目目录$ npm install //安装项目所需依赖$ npm run dev //启动项目二、附项目结构三、附项目启动成功图Vite启动极快,体验很好,与vue CLI相比目录结构变化不大,使用vue CLI的同学很快就能上手,期待正式发布。...原创 2020-09-09 17:40:29 · 785 阅读 · 0 评论