寻源千鹤-CSDN博客

原创 vue中组件传参的几种方法

以上是Vue中组件传参的三种常用方法，分别是Props、$emit和Provide/Inject。通过这些方法，我们可以在组件之间传递数据，实现组件之间的通信。

2023-05-03 15:17:16 9756

Vue中的自定义指令可以帮助我们扩展Vue的功能，实现一些特定的需求。自定义指令的创建使用步骤如下：使用Vue.directive()方法创建自定义指令。该方法接受两个参数，第一个参数是指令的名称，第二个参数是一个对象，包含了指令的相关配置。在配置对象中，可以定义指令的几个钩子函数，包括bind、inserted、update、componentUpdated和unbind。这些钩子函数分别在指令绑定、插入到DOM中、更新、组件更新和解绑时被调用。

2023-05-03 15:15:39 223

原创 vue中组件传参和插槽的关系

例如，可以通过props属性将数据传递给子组件，在子组件中使用插槽来展示这些数据。又例如，可以通过$emit事件将子组件中的数据传递给父组件，在父组件中使用插槽来展示这些数据。在上面的示例中，父组件通过props属性将数据传递给子组件，子组件通过插槽将数据传递给父组件。具体来说，父组件将数据hello传递给子组件，子组件将数据message传递给插槽，父组件通过插槽接收数据并展示在页面上。插槽是指在组件中定义一个或多个插槽，然后在使用该组件时，可以在插槽中插入任意内容。

2023-04-25 17:03:42 559

原创 vue中的插槽怎么使用

Vue中的插槽（slot）是一种组件的特殊属性，用于在组件中定义可复用的模板，以便将内容插入到组件中的特定位置。命名插槽可以帮助我们更细粒度地控制组件的模板。标签表示，并且可以在组件模板中任何需要插入内容的位置使用。除了默认插槽之外，Vue还支持命名插槽，可以使用。在这个组件中，我们定义了两个命名插槽，一个叫做。在这个组件中，我们定义了一个插槽，并使用了。这个插槽可以在组件的任何位置被填充。元素中的内容将被填充到相应的命名插槽中。元素中的内容将被填充到组件的插槽中。属性来定义它们，并使用。

2023-04-15 21:20:38 217 1

原创简单讲解js中的闭包问题

通俗来说，闭包就是在一个函数内部定义另一个函数，并且内部函数可以访问外部函数的变量，即使外部函数已经执行完毕，内部函数仍然可以访问这些变量。通过使用闭包，我们可以将变量和方法封装在一个函数内部，然后返回一个对象，该对象可以访问这些变量和方法，但不能直接访问它们。封装变量和函数：闭包可以封装变量和函数，防止它们被全局作用域污染，同时又可以在内部函数中使用这些变量和函数。保存状态：闭包可以保存函数执行时的状态，即使函数执行完毕，闭包仍然可以访问这些状态。闭包可以访问外部函数的参数和局部变量。

2023-03-07 20:03:19 186

原创 vuex-persist 可以用来干什么？

Vuex-Persist 是一个用于在 Vuex 中实现持久化状态的库。它可以用来解决应用程序在刷新浏览器或关闭页面后丢失 Vuex store 中状态的问题。

2023-03-07 17:33:26 513

原创详解vue中路由跳转的几种方式（和$router下路由跳转的那几个方法的区别）

replace`方法与`push`方法类似，也可以用来导航到指定的路由，但它不会在浏览器的历史记录中添加一条新的记录，而是替换当前的记录。`push`方法会在浏览器的历史记录中添加一条新的记录，当用户点击浏览器的后退按钮时，可以回退到之前的页面。在Vue实例中，可以使用`$router`对象来实现编程式导航，该对象提供了一些方法，如`push`、`replace`、`go`等。`go`方法用来在浏览器的历史记录中前进或后退指定的步数，参数n可以是正数或负数，正数表示前进，负数表示后退。

2023-03-07 17:16:21 532 2

zhangkunsir的博客