![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 84
涛涛酱10086
这个作者很懒,什么都没留下…
展开
-
学习vue 九 nextTick 函数式编程 编译宏 环境变量
所有的同步任务都是在主进程执行的形成一个执行栈,主线程之外,还存在一个"任务队列",异步任务执行队列中先执行宏任务,然后清空当次宏任务中的所有微任务,然后进行下一个tick如此形成循环。主要使用h函数去写模板,为什么要使用h函数,因为h函数会直接调用createVNode函数,生成虚拟dom性能上面会有所提升。创建 .env.production 在执行npm run build 的时候他会自己加载这个文件。因为这些环境变量在打包的时候是通过硬编码通过Json.stringify的方式注入到浏览器的。原创 2024-08-12 10:00:52 · 870 阅读 · 0 评论 -
学习vue3 八 全局函数和变量,编写插件,scoped,样式穿透,vue3新增的css特性
因为vue3没有prototype属性所以要使用 app.config.globalProperties 来在全局绑定函数或者变量vue2的用法vue3的用法在main.ts内return '加上' + str需要声明文件declare module 在组件中使用时,才会有提示在组件中使用,模板中直接插值语法,setup中需要使用getCurrentInstance获取当前实例,然后通过当前实例的props属性找到.proxy?原创 2024-08-09 15:22:04 · 609 阅读 · 0 评论 -
学习vue3 七 v-model用于组件通信,自定义指令,自定义hooks
请输入:提交原创 2024-08-08 15:29:31 · 964 阅读 · 0 评论 -
学习vue3 六,兄弟组件传参,provide/inject
中$on,$off 和 $once 实例方法已被移除,组件实例不再实现事件触发接口,因此大家熟悉的EventBus便无法使用了。通常父组件给子组件传递数据时,使用props的方式,如果是比较深得组件嵌套的话,就需要逐层的进行传递,这样的话,可能会比较麻烦。给后代组件的数据或方法,而在任何后代组件中,我们都可以使用 inject 来接收 provide。A组件提交一个事件用来传递参数,父组件接受这个事件拿到值,通过props的方式再转给B组件。也可以通过on('*')的方式监控所有组件。原创 2024-08-07 14:15:47 · 526 阅读 · 0 评论 -
学习vue3 五,传送,缓存组件以及过渡和过渡列表
在这些props后接要自定义的名字即可换成自己想要的,相当于起别名也可以指定过渡时间可以分别指定,离开和进入的时间自定义class只要是可以和css的动画库进行连用案例:我们以animate.css为例安装:npm install animate.css -S引入:在main.ts中 import "animate.css"原创 2024-08-06 14:44:24 · 1010 阅读 · 0 评论 -
学习vue3四 (全局,局部,递归,动态组件 和 插槽)
表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的原创 2024-08-05 14:19:20 · 907 阅读 · 0 评论 -
学习vue3 三,组件基础,父子组件传值
通过defineProps方法,参数传一个对象,将要接受的数据通过属性的方式写入,如果要进行一些配置也可以使用对象的形式进行配置,如title。注意需要在onMounted里打印的原因是,setup的生命周期早于子组件挂载,也就是子组件还没有挂载就打印输出所以会是undefined。是通过defineEmits派发一个事件,绑定一个自定义事件,通过一些vue有的事件去触发这个emit从而达到传值的目的。调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。原创 2024-08-05 09:50:07 · 686 阅读 · 0 评论 -
学习vue3二 computed,watch,watchEffect
就是当依赖的属性的值发生变化的时候,才会触发他的更改,如果依赖的值,不发生变化的时候,使用的是缓存中的属性值。他们的区别是:函数模式只可以读取计算属性,对象模式可以对计算属性的值进行修改。也就是在函数里面用到的一些数据都会对其进行监听。使用reactive监听深层对象开启和不开启deep 效果一样。也会变成一个proxy数组,按照监听源数组的顺序进行排列。也是不能深层监听的,也就是用到哪个数据就监听哪个数据。在触发监听之前会调用一个函数可以处理你的逻辑例如。监听一个数据源,并执行相关回调函数。原创 2024-08-04 10:32:58 · 251 阅读 · 0 评论 -
对于vue3ref和reactive的学习笔记
也是只能对浅层次的数据做一个响应式,只能相应到obj.xxx如果xxx属性是一个对象的话,就没有响应式了,但是它也和shallowRef一样,如果reactive一起使用的话,也会收到reactive的影响导致视图进行更新,更新的为最新数据。是一个浅层次的响应式,也就是它只能检测到vuale的变化,不能检测到value下的属性的变化。拷贝一份对象为仅读,但是原reactive的修改也会引起他的变化。注意,不可以和ref对象的值写在一起,否则也会触发更新。如果原始对象是响应式的是会更新视图并且改变数据的。原创 2024-08-03 16:24:08 · 474 阅读 · 0 评论