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

<p>Vue 应用：封装一个前端通用右键菜单组件。</p> <p>看下项目步骤：</p> <ul> <li> <p>组件使用方便</p> </li> <li> <p>与业务代码解耦</p> </li> <li> ...

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

<p>分享一个<a href="/Vue3/">vue3</a>+vite的小应用：如何显示SVG图片。</p> <p>ite-plugin-svg-icons是一个Vite插件，其作用是将SVG图标文件转换为Vue组件，以便在Vue项目中使用。</p> <p>使用vite-...

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

<p>学习<a href="/tags/KKFileView/" title="KKFileView">KKFileView</a>应用：结合vue多格式文件在线预览功能实现。</p> <p>kkFileView是git的开源在线文件预览项目 支持格式：doc、docx、ppt、...

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

<p><a href="/vuejs/" title="vue项目：设置打包后的静态文件访问路径">vue</a>项目：设置打包后的静态文件访问路径。</p> <p>相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态...

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

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

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

<p>分享一个vue应用：实现自定义多选按钮。</p> <p><img src="http://static.51tbox.com/static/2024-11-22/col/4e7eef83a58bb569de96d21daf44a4fd/8cad2f3c576b4bc8870cafbfc60e23f6.png.jpg&qu...

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

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

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

<p>了解一个vue3应用：介绍下逻辑复用的实现案例。</p> <h2>什么是组合式函数 {#heading-0}</h2> <p><em>无状态逻辑的函数</em>：它在接收一些输入后立刻返回所期望的输出。</p> <p>比如 时间格式化的函数。</p> &...

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

<p>在 Vue 中，指令是直接编辑 DOM 的最佳方式之一。</p> <p>一些示例包括 、 、 等。如果你在 Vue 工作过，你就会熟悉指令：<code>v-if，``v-show，``v-bind。</code></p> <p>正如你可能猜到的那样，Vue 自定义指令是 Vue 让我们为我...

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

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