vue开发每日一学:详细了解下插槽(slot)以及匿名插槽与具名插槽的应用
![](/images/tt/vue.jpg) [vue](/VueJs/)开发每日一学:匿名插槽与具名插槽。 slot又名插槽,是[Vue](/VueJs/)的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。 插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。 ### 插槽内容 Vue 实现了一套...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发每日一学:匿名插槽与具名插槽。 slot又名插槽,是[Vue](/VueJs/)的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。 插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。 ### 插槽内容 Vue 实现了一套...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/96f9ac73b2efe24bbedd841a0baf6f03/4a4bfab66f664ce59466e85e473fb24e.jpg.jpg "500.jpg") [vue](/VueJs/)中的自定义指令,我们在前端开发的项目中,经常...
[Vue](/VueJs/)路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes)。一起来了解下吧。 ![](/images/tt/vue.jpg) 今天总结下[Vue](/VueJs/)路由权限控制方式:路由元信息(meta)和动态生成路由表(addRoutes)。废话不多说,直接进入正题。 ### 概述 路由权限控制常用于后台管理系统中,对不...
![](/images/tt/html5.jpg) 大家都知道,默认的网页滚动条太宽了,又不好看,所以有时候我们需要优化下他,比如变细点,颜色改下等等。在设置前,我们需要知道,修改滚动条样式,利用伪元素`-webkit-scrollbar`。 **注意,** `::-webkit-scrollbar`仅仅支持`WebKit`的浏览器(例如谷歌[`Chrome`](/tags...
![](/images/tt/vue.jpg) 新的周末又要来了,今天我们来学习下vue3的响应式功能,涉及到setup+ref+reactive的相关知识,接下来时间让我们一起来学习下吧。 首先我们来了解setup。 ### setup 其实setup是用来写组合式 api ,内部的数据和方法需要通过 return 之后,模板才能使用。在之前 vue2 中,data ...
![](/images/tt/vue.jpg) [vue](/VueJs/)每日一学:了解监视(侦听)属性。众所周知,在[vue](/VueJs/)中,使用监听属性,一般是两种:watch和computed。今天我们来一起学习watch监听属性,以及它跟computed的区别。 ### Watch监听: {#heading-4} 当被监视的属性变化时, handler回调...
![](/images/tt/vue.jpg) 分享一个[vue](/VueJs/)开发Tips:理解v-on指令。 ### 监听事件 可以用` v-on `指令监听 `DOM `事件,并在触发时运行一些 [`JavaScript`](/JavaScript/)代码。事件代码可以直接放到v-on后面,也可以写成一个函数。 示例代码如下: ``` <div id=...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/af856f7663534080d6d107af1a9eacb9/a7360f6a05104829a5e00e4e5107d9f7.jpg.jpg "500.jpg") Vuex 是在 [Vue.js](/VueJs/) 应用程序中管理大型复...
![](/images/tt/vue.jpg) [VUE](/VueJs/)开发小应用:模拟机器上的手写签名功能,我们使用vue-esign插件去实现,一起看下如何实现的吧。 ``` npm install vue-esign --save ``` 引入: ``` import vueEsign from 'vue-esign' Vue.use(vue...
![](/images/tt/vue.jpg) [vue](/VueJs/)数据存储:监听localStorage或sessionStorage的变化。我们拿实例说明。 在一个[VUE](/VueJs/)页面中,引入两个组件,A组件实现基础信息展示,B组件展示列表,我要通过A组件的一个按钮触发状态,然后B组件根据A组件触发的状态来做业务处理,首先想到的是把状态放在local...