51工具盒子

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

vuejs

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

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

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

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

Vue路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes)

Vue路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes)

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

[Vue](/VueJs/)路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes)。一起来了解下吧。 ![](/images/tt/vue.jpg) 今天总结下[Vue](/VueJs/)路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes)。废话不多说,直接进入正题。 ### 概述 路由权限控制常用于后台管理系统中,对不...

聊聊页面滚动条在vue和H5项目里修改滚动条样式的应用

聊聊页面滚动条在vue和H5项目里修改滚动条样式的应用

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

![](/images/tt/html5.jpg) 大家都知道,默认的网页滚动条太宽了,又不好看,所以有时候我们需要优化下他,比如变细点,颜色改下等等。在设置前,我们需要知道,修改滚动条样式,利用伪元素`-webkit-scrollbar`。 **注意,** `::-webkit-scrollbar`仅仅支持`WebKit`的浏览器(例如谷歌[`Chrome`](/tags...

vue3响应式功能:如何用setup+ref+reactive实现

vue3响应式功能:如何用setup+ref+reactive实现

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

![](/images/tt/vue.jpg) 新的周末又要来了,今天我们来学习下vue3的响应式功能,涉及到setup+ref+reactive的相关知识,接下来时间让我们一起来学习下吧。 首先我们来了解setup。 ### setup 其实setup是用来写组合式 api ,内部的数据和方法需要通过 return 之后,模板才能使用。在之前 vue2 中,data ...

vue开发Tips:用具体实例去理解v-on指令的基本应用

vue开发Tips:用具体实例去理解v-on指令的基本应用

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

![](/images/tt/vue.jpg) 分享一个[vue](/VueJs/)开发Tips:理解v-on指令。 ### 监听事件 可以用` v-on `指令监听 `DOM `事件,并在触发时运行一些 [`JavaScript`](/JavaScript/)代码。事件代码可以直接放到v-on后面,也可以写成一个函数。 示例代码如下: ``` <div id=...

使用Map Helpers 和 Modules重构Vuex

使用Map Helpers 和 Modules重构Vuex

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

![500.jpg](http://static.51tbox.com/static/2024-11-23/col/af856f7663534080d6d107af1a9eacb9/a7360f6a05104829a5e00e4e5107d9f7.jpg.jpg "500.jpg") Vuex 是在 [Vue.js](/VueJs/) 应用程序中管理大型复...

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

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

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

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