51工具盒子

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

vuejs

Vue3异步组件:介绍下Suspense的使用方法

Vue3异步组件:介绍下Suspense的使用方法

厉飞雨 阅读(280) 评论(0) 赞(15)

![](/images/tt/vue.jpg) suspense在等待异步组件时额外渲染一些内容,使用户拥有更好的体验。 官网中有提到他是属于实验性功能: `<Suspense>` 是一项实验性功能。它不一定会最终成为稳定功能,并且在稳定之前相关 API 也可能会发生变化。 `<Suspense>` 是一个内置组件,用来在组件树中协调对异步依...

vue3小应用:了解下reactivity实现原理

vue3小应用:了解下reactivity实现原理

厉飞雨 阅读(243) 评论(0) 赞(16)

![](/images/tt/vue.jpg) vue3小应用:了解下reactivity实现原理。 第一部分:简单版reactivity {#heading-1} ------------------------------- * 响应式主要是为了实现如下效果 ``` //设置响应式对象 const proxy = reactive({a:1}) //当pro...

Vue3每日一学:通过作用域插槽实现树形菜单嵌套组件

Vue3每日一学:通过作用域插槽实现树形菜单嵌套组件

厉飞雨 阅读(353) 评论(0) 赞(17)

![](/images/tt/vue.jpg) [Vue3](/tag/vue3)每日一学:通过作用域插槽实现树形菜单嵌套组件。 工作中需要一种树形菜单组件,经过两天的构思最终通过作用域插槽实现: 此组件将每个节点(插槽名为 node)暴露出来。 通过插槽的 attributes 向当前插槽节点传递子项 item(数据对象)和level(层深)参数,在保持组件内部极简的同...

vuejs应用:如何去防范XSS攻击

vuejs应用:如何去防范XSS攻击

厉飞雨 阅读(194) 评论(0) 赞(22)

![](/images/tt/vue.jpg) [vuejs](/vuejs/)应用:如何去防范XSS攻击。 1.对于从接口请求的数据 {#heading-0} ------------------------- **尽量使用{{}}加载,而不是V-HTML。** vue中的大括号会把数据解释为普通文本。通常如果要解释成html代码则要用v-html。 而此指令相当于...

使用异步组件优化 Vue 应用程序的性能

使用异步组件优化 Vue 应用程序的性能

厉飞雨 阅读(203) 评论(0) 赞(13)

![500.jpg](http://static.51tbox.com/static/2024-11-23/col/1f808ae478f5362fae520a3354a27645/8b07a210922b4198a279709f0b8debc7.jpg.jpg "500.jpg") 单页应用程序有时会因为初始加载缓慢而出现一些问题。这是因为传统上,服务器...

vue2应用:中如何自定义组件的v-model

vue2应用:中如何自定义组件的v-model

厉飞雨 阅读(212) 评论(0) 赞(15)

![](/images/tt/vue.jpg) vue2应用:中如何自定义组件的v-model。 工作中经常会涉及到父子组件数据更新和页面相应数据样式改变的问题。 通俗点来说,就是涉及到公共组件的可以抽离出来作为子组件,如果父组件中与子组件相关的数据改变,子组件中的数据也会改变,如果子组件的数据改变,则需要做一定的处理才能改变父组件中的相关数据。 处理方式:考虑使用 自...