Sutune

静心成大器,稳定动乾坤

0%

简介

  • 在Vue.js中,插槽(Slot)是一种机制,允许你在父组件中定义一些模板内容,然后将这些内容传递到子组件中进行渲染。这样,你就可以在父组件和子组件之间进行更加灵活的组件组合。
  • vue组件能够接收任意类型的 JavaScript 值作为 props,但组件要如何接收模板内容呢?在某些场景中,我们可能想要为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段。
  • 在 Vue 3 中,插槽的使用方式有所改变,引入了新的 <slot> 元素以及 <template> 中的特殊语法。下面是一些关于 Vue 3 插槽的基本用法:
阅读全文 »

Prop简介

  • Prop 是子组件用来接受父组件传递过来的数据的一个自定义属性,一个组件默认可以拥有任意数量的 prop,任何值都可以传递给任何 prop。
  • 父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 “prop”:
阅读全文 »

组件的自定义事件是一种组件间的通信方式,它适用于子组件向父组件传递数据或行为。vue也有内置一些常用系统事件,例如:鼠标点击,表单提交、滚动事件等等。

阅读全文 »

什么是响应式

Vue中的”响应式数据”指的是一种数据变化会自动触发相关依赖更新的机制。这意味着当数据发生变化时,与该数据相关联的视图会自动进行更新,而不需要手动干预。

阅读全文 »

异步机制

JavaScript 中的异步机制是一种用于处理非同步操作的编程模型。JavaScript 是单线程的,这意味着它一次只能执行一个任务。但在现代 Web 开发中,有许多需要等待的操作,如网络请求、文件读写、用户输入等。为了避免阻塞主线程的执行,JavaScript 使用异步机制来处理这些操作。

阅读全文 »

vuex简介

Vuex 是 Vue.js 官方提供的用于状态管理的库。它主要用于解决 Vue.js 应用中多个组件之间的状态共享和数据传递问题,比如网站中登录中的cookietoken信息。vuex官网:https://vuex.vuejs.org/zh/

阅读全文 »

在Vue 3中,混入(Mixin)是一种将可重用功能和逻辑添加到组件中的方式。混入可以包含组件选项,如datamethodscreated等,这样您可以在多个组件中重复使用相同的逻辑,而不必重复编写代码。混入提供了一种模块化的方式来组织和复用组件功能。

混入允许您将共享的逻辑封装到一个混入对象中,然后将混入对象应用到一个或多个组件中。这使得在不同的组件中共享通用功能变得更容易。混入对象中的选项将会被合并到组件的选项中。

阅读全文 »