vue开发:用实例说明侦听器watch在Vue2和Vue3的应用
![](/images/tt/vue.jpg) [vue](/VueJs/)开发:用实例说明侦听器watch在[Vue2](/tags/vue2/)和[Vue3](/tags/vue3/)的应用。 我们都知道,`watch是`侦听数据变化 (某个值的change事件)。在[VUE](/VueJs/)不同版本中如何区别呢? ### vue2.x ``` data(){ ...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发:用实例说明侦听器watch在[Vue2](/tags/vue2/)和[Vue3](/tags/vue3/)的应用。 我们都知道,`watch是`侦听数据变化 (某个值的change事件)。在[VUE](/VueJs/)不同版本中如何区别呢? ### vue2.x ``` data(){ ...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发每日一学:匿名插槽与具名插槽。 slot又名插槽,是[Vue](/VueJs/)的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。 插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。 ### 插槽内容 Vue 实现了一套...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/36ee5963b0a16c3a649ef8bcbe61dc90/8a3e8e1d68af446881f429d5903140a9.jpg.jpg "500.jpg") 之前关于[PostCSS](/tags/PostCSS/)的文章侧重于通...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/6b144dce64e57002e3ccabd386274a52/85328dc416974d7e8c95a335b39b5411.jpg.jpg "500.jpg") 在平时的项目中,经常会对元素进行[CSS](/Html4css/)2D转...
![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回调...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/a90ff1167bf26067e38c34ca748e0528/768bb230844047eab3a8220d69c9d952.jpg.jpg "500.jpg") 今天我们分享一个小应用:用纯[CSS](/Html5css3/)打造的文...