2024-11-22 厉飞雨 阅读(6) 评论(0) 赞(1)

分享一个vue项目的经验："Vue项目缓存问题：解决每次发版后要清理浏览器的缓存问题"。 打包的时候给每个打包文件后面加一个时间戳，通过 vue.config.js 配置 <br /> ``` const timeStamp = new Date().getTime() module.exports = {   // 打包的时候不使用h...

2024-11-22 厉飞雨 阅读(8) 评论(0) 赞(1)

分享一个vue应用：实现自定义多选按钮。  返回的选中列表是一个数组 html部分 ``` <!-...

2024-11-22 厉飞雨 阅读(8) 评论(0) 赞(1)

介绍一个Vue基础知识点：provide和inject的使用法则。 本教程是介绍如何在vue中使用provide和inject。在 Vue 中，provide 和 inject 是用于实现祖先组件向后代组件传递数据的一种方式。 在这个示例中，祖组件通过 provide 提供了 message 变量 和message2 变量 ，子组件通过 inject 注入了 message ...

2024-11-22 厉飞雨 阅读(9) 评论(0) 赞(1)

了解一个vue3应用：介绍下逻辑复用的实现案例。 什么是组合式函数 {#heading-0} --------------------- _无状态逻辑的函数_：它在接收一些输入后立刻返回所期望的输出。 比如 时间格式化的函数。 有状态逻辑的函数: 有状态逻辑负责管理会随时间而变化的状态。 比如 跟踪当前鼠标在页面中的位置。 在 Vue 应用的概念中，"组合...

2024-11-22 厉飞雨 阅读(7) 评论(0) 赞(1)

在 Vue 中，指令是直接编辑 DOM 的最佳方式之一。 一些示例包括 、 、 等。如果你在 Vue 工作过，你就会熟悉指令：`v-if，``v-show，``v-bind。` 正如你可能猜到的那样，Vue 自定义指令是 Vue 让我们为我们的项目构建额外指令的方式。它们是在整个项目中添加独特且可重用功能的好方法。 Vue 自定义指令可以操作元素以及处理 DOM 中的反应...

2024-11-22 厉飞雨 阅读(8) 评论(0) 赞(1)

今天我们来聊聊[Vue组件](/tags/Vue组件/)data函数的基础应用。 什么是data函数？ {#heading-0} ----------------------- 在Vue组件中，`data`函数用于定义组件的数据。这些数据可以是任何JavaScript对象，它们会被Vue进行响应式处理，也就是说，当数据发生变化时，相关的视图会自动更新。这是Vue的核心特性之...

2024-11-22 厉飞雨 阅读(7) 评论(0) 赞(0)

[vue](/vue/ "vue")：发送websocket请求和http post。 先给大家介绍下vue发送websocket请求和http post请求 直接上代码： pdf.vue ``` <script>   import SockJS from 'sockjs-client';   import Stomp...

2024-11-22 厉飞雨 阅读(7) 评论(0) 赞(0)

 学习一个Vue3应用：理解Vue3 defineModel中的双向绑定。 随着`vue3.4`版本的发布，`defineModel`也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。 {#_label1} vue3.4以前如何实现双向绑定 {#heading-1} -------------...

2024-11-22 厉飞雨 阅读(7) 评论(0) 赞(1)

可重用的组件在 [VueJS](/vue/ "VueJS") 中非常重要。它可以帮助您节省大量时间，并且如果做得正确，确实可以使您的项目更具可读性和可维护性。 在本教程中，我们将制作一个自定义选项卡组件，允许将任何类型的内容转换为单页选项卡系统。 这就是我们要做的！ ![image.png](http://static.51tbox.com/stati...

2024-11-22 厉飞雨 阅读(7) 评论(0) 赞(1)

![简单的 Vue 插件：如何制作你的第一个 VueJS 插件](http://static.51tbox.com/static/2024-11-22/col/200625ac6c690c5693c3f0f677fcf8ee/5937541d2222448987e52e4c724bac62.png.jpg "简单的 Vue 插件：如何制作你的第一个 VueJS 插件&...