![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3.0功能
文章平均质量分 51
vue3
GllWyz
你所见即我,好与坏都不反驳
展开
-
assets static
static:打包的时候不会比编译,只是被拷贝到了dist下面的static文件夹,直接引用。assets:打包的时候,会被编译,被webpack打包进你的代码里。assets:一般来说,放属于该项目的资源文件。static:里面放一些第三方库的文件。动态图片的使用:必须使用require。原创 2019-01-10 19:56:14 · 574 阅读 · 1 评论 -
vue3.0&&vue2.0-prop
注:本篇涉及到的知识点,组合式<script setup>模式以及vue2.0和vue3.0选项式,组合式中非<script setup>模式,使用比较少,不再讲解,可自行看官网。原创 2024-01-04 18:35:57 · 606 阅读 · 0 评论 -
Vue2/Vue3-插槽(全)
也就是说插槽的内容可以访问父组件的数据作用域,因为插槽内容本身就是在父组件的模板中定义的,插槽内容是无法访问子组件中的数据,vue模板中的表达式只能访问其定义时在所处的作用域,这个和js的词法作用域规则是一样的。某些场景下,插槽的内容想要同时使用父组件和子组件内的数据,要做到这一点,我们需要来让子组件在渲染的时候将一部分的数据提供给插槽。父组件模板的内容只能访问父组件的作用域,子组件的模板只能访问子组件的作用域。vue实现了一套内容分发的Api,将<slot>元素作为承载内容分发。原创 2024-01-02 09:40:37 · 769 阅读 · 0 评论 -
Vue3.0-watch&&watchEffect函数
要求messagea和messageb变化的时候,实时获取result的值,因为watch只追踪明确侦听的数据源,如果用watch来实现的话,watch就需要写两个监测源,但是watchEffect不需要,它是自动追踪所有能访问到的响应式属性,messagea和messageb无论是谁发生变化都会执行这个函数。在下面这里watchEffect会立即执行,在执行期间,他会自动追踪select.value作为依赖(和计算属性类似),当select.value变化时,回调会再次执行。原创 2023-12-28 18:39:19 · 1028 阅读 · 0 评论 -
Vue3.0-watch侦测器
计算属性允许我们声明性的计算衍生值,然而在某些情况下,我们需要在状态变化的时候执行一些副作用,例如更改DOM,或者根据异步操作去修改另一处的状态。原创 2023-12-28 16:29:18 · 1013 阅读 · 0 评论 -
Vue3.0-自定义hooks&&computed
3.0借鉴了React的一种机制,用于函数组件中共享状态逻辑和副作用,从而实现代码的可复用性,还有就是在单文件组件功能太多可以用来进行一部分功能的抽离。:其实hooks和2.0的mixin有点类似,但是相对于mixin而言,hooks更清楚复用功能代码的来源,更清晰易懂。:3中的hooks就是函数的一种写法,就是将文件的一些单独功能的js代码进行抽离出来进行封装使用。描述借鉴: https://zhuanlan.zhihu.com/p/661652964。原创 2023-12-26 18:10:34 · 573 阅读 · 0 评论 -
Vue3组合式-依赖注入provide&&inject
官方的解释: 通常情况下,当我们需要从父组件向子组件传递数据时,会使用props,想象一下这样的结构,有一些多层级嵌套的组件,形成了一颗巨大的组件树,而某一个深层的子组件需要一个较远的祖先组件中的部分数据,在这种情况下,如果仅使用props则必须将其沿着组件链逐级传递下去,这会非常麻烦,provide(供给)和reject(注入)可以帮助我们解决这个问题。专门强调了是3.0且是组合式,不是2.0不支持也不是选项式不支持provide&&inject,是支持但是有很明显的弊端,不建议使用。原创 2023-12-25 18:02:10 · 695 阅读 · 0 评论