51工具盒子

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

软件教程

Vue3开发小应用:实现文章目录功能

Vue3开发小应用:实现文章目录功能

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

![](/images/tt/vue.jpg) [Vue3](/tag/vue3/)开发应用:实现文章目录功能。一起往下了解下吧! 目录组件: * 自动高亮选中当前正在阅读的章节 * 自动展开当前正在阅读的章节的子标题,并隐藏其他章节的子标题 * 显示阅读进度 实现过程 ---- 由于标题之间有父子的关系,所以我们应该用树数据结构来解决这个问题。我们遍历文章容器中...

Vue3开发tips:使用Proxy实现数据监听

Vue3开发tips:使用Proxy实现数据监听

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

![](/images/tt/vue.jpg) 聊聊[Vue3](/tags/vue3/)一个开发小应用:使用Proxy实现数据监听。[vue](/VueJs/)数据双向绑定原理,而这个方法有缺点,并且不能实现数组和对象的部分监听情况;具体也可以看我之前写的一篇博客: 关于 [Vue](/VueJs/) 不能 watch 数组 和 对象变化的解决方案,最新的 Proxy,相比...

VUE每日一学:Vue之常用的内置指令

VUE每日一学:Vue之常用的内置指令

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

![](/images/tt/vue.jpg) [Vue](/VueJs/)每日一学:[Vue](/VueJs/)之常用的内置指令。 Vue.js 的各种指令(Directives)更加方便我们去数据驱动 DOM,例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令,这些指令的职责就是当表达式改变时将某些行为应用到 DOM 上,尽量不...

vue开发小应用:简易记事本功能

vue开发小应用:简易记事本功能

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

[vue](/VueJs/)开发小应用:简易记事本功能。我们可以先看下效果图: ![20211203093742.jpg](http://static.51tbox.com/static/2024-11-23/col/d414fcf2ef26506a6c2ddecf84c7989a/6b434375f5f242dd8a0e0790b0b4def4.jpg.jpg "...

vue开发:简单聊聊vue里面jsonp的使用方法

vue开发:简单聊聊vue里面jsonp的使用方法

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

![](/images/tt/vue.jpg) [vue](/VueJs/)开发:简单聊聊vue里面jsonp的使用方法。 最近在做手写输入法时遇到跨域问题,使用的是qq输入法的接口,代理无法实现效果,这里使用jsonp来实现。jsonp原理可以自行百度,这里记录一下`vue-jsonp`的使用和踩的一点小坑,官方文档请前往[npm地址](https://www.npmjs...

vue开发:用实例说明侦听器watch在Vue2和Vue3的应用

vue开发:用实例说明侦听器watch在Vue2和Vue3的应用

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

![](/images/tt/vue.jpg) [vue](/VueJs/)开发:用实例说明侦听器watch在[Vue2](/tags/vue2/)和[Vue3](/tags/vue3/)的应用。 我们都知道,`watch是`侦听数据变化 (某个值的change事件)。在[VUE](/VueJs/)不同版本中如何区别呢? ### vue2.x ```  data(){ ...

vue开发每日一学:详细了解下插槽(slot)以及匿名插槽与具名插槽的应用

vue开发每日一学:详细了解下插槽(slot)以及匿名插槽与具名插槽的应用

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

![](/images/tt/vue.jpg) [vue](/VueJs/)开发每日一学:匿名插槽与具名插槽。 slot又名插槽,是[Vue](/VueJs/)的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。 插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。 ### 插槽内容 Vue 实现了一套...