51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

vue数据存储:监听localStorage或sessionStorage的变化

vue数据存储:监听localStorage或sessionStorage的变化

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [vue](/VueJs/)数据存储:监听localStorage或sessionStorage的变化。我们拿实例说明。 在一个[VUE](/VueJs/)页面中,引入两个组件,A组件实现基础信息展示,B组件展示列表,我要通过A组件的一个按钮触发状态,然后B组件根据A组件触发的状态来做业务处理,首先想到的是把状态放在local...

vue组件应用:以插件的形式使用组件

vue组件应用:以插件的形式使用组件

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 学下[vue](/VueJs/)组件应用:以插件的形式使用组件。有时候在开发过程中,由于项目需求,部分相同的代码我们会封装成组件,在需要使用的地方导入,并以标签的形式书写在中。 **以插件的形式使用组件:** ``` // 将要显示的组件导入 import mymodel from '../components/m...

vue开发每日一学:分享组件通讯小秘诀

vue开发每日一学:分享组件通讯小秘诀

厉飞雨 阅读(3) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 在[vue](/VueJs/)开发中,[vue](/VueJs/)组件通讯经常会用到,今天我们来分享一些组件之间通信的一些常用方法,方便大家在项目中去应用,开始吧!!! ### props 父组件---\>子组件通信 父组件---属性的方式传值给子组件 子组件---props方式接收数据 ``` <Son :...

vue每日一学:理解渲染方式render和template以及它们之间的区别

vue每日一学:理解渲染方式render和template以及它们之间的区别

厉飞雨 阅读(7) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 今天来温故下旧知识,了解下[vue](/VueJs/)中的渲染方式render和template,它们之间的区别是什么?请一起往下看吧。 [Vue](/VueJs/)中的Render函数中有一个参数,这个参数是一个函数通常我们叫做h。其实这个h叫做createElement。Render函数将createElement的返回值...

Vue每日一学:分享vue过滤器的小知识

Vue每日一学:分享vue过滤器的小知识

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [Vue](/VueJs/)每日一学:分享[Vue](/VueJs/)过滤器的小知识。在[Web前端](/)开发中经常用到过滤器,所以大家需要熟悉掌握。 过滤器分为两种:全局过滤器和局部过滤器。我们用实例来说明下。 ### 全局过滤器 {#heading-3} 1. 本案例是过滤价格中的¥和元 2. 示例 ¥1999...

Mock Service Worker:用于 Vue.js 开发和测试的 API Mocking

Mock Service Worker:用于 Vue.js 开发和测试的 API Mocking

厉飞雨 阅读(4) 评论(0) 赞(0)

Vue.js 开发的一个不可避免的部分是我们需要一个 API 服务器来确保我们的前端代码正常工作。但是如果 API 服务器还没有准备好呢?我们的前端代码应该在哪里 ![MSW.001.opt.jpg](http://static.51tbox.com/static/2024-11-23/col/edca00cd8811055f72cf9e65c9c69452/6a9c39bc...

如何使用CSS3混合模式在图像上显示酷炫“Web前端之家”文字

如何使用CSS3混合模式在图像上显示酷炫“Web前端之家”文字

厉飞雨 阅读(3) 评论(0) 赞(0)

关于图片上显示文字的方式,相信大家已经比较是熟悉了,有时候我们需要一些特殊的效果去提升用户体验。今天给大家分享一篇关于"图片上的文字特效"的文章。走起吧!!!! 先来看张部分截图效果,我们以"[Web前端之家](/)"文字为例子咯: ![QQ截图20210819150505.jpg](http://static.51tbox.com/...

vue每日一学:vue中如何引入JS文件的三种方式

vue每日一学:vue中如何引入JS文件的三种方式

厉飞雨 阅读(3) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [vue](/VueJs/)每日一学:[vue](/VueJs/)中如何引入JS文件。在[VUE](/VueJs/)中跟日常的引用原理差不多,只是形式不同而已,一起来学下吧。 ### 1、vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意...