自定义指令 Vue除了核心功能内置的指令如 v-model,v-if 之外,还允许我们自己定义指令。通过这些指令可以对 dom 元素进行底层操作。二.定义指令1.全局自定义指令通过 directive 方法去定义全局指令。inserted 函数是指令对象可以定义的几个钩子函数之一,表示被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。钩子函数有很多参数,el 是其中之一,表示指令绑定的元素,可以用来进行一些 DOM 操作。// main.js。
slot插槽 通俗来说就是“占坑”,使用标签在子组件中提前占好位置,父组件在使用子组件的时候,就可以向这些插槽里投放内容。相当于插槽就是一个提前放好的容器,等待使用者往里面填充内容。slot插槽分成三类:默认插槽(匿名插槽)具名插槽作用域插槽二.默认插槽默认插槽又叫做匿名插槽,就是没有名字的插槽,是插槽最简单的一种形式。一个组件内最多只能有一个默认插槽。-- 默认插槽:这个内容会被父组件传递的内容替换 -->
Mixin混入 其实Mixin不是Vue专属的,可以说它是一种思想,也可以说它就是混入的意思,在很多开发框架中都实现了Mixin(混入),我们这里主要讲解的是Vue中的Mixin。官方解释:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。自己解释:将组件的公共逻辑或者配置提取出来,哪个组件需要用到时,直接将提取的这部分混入到组件内部即可。
2.CSS3自定义滚动条样式 chromium内核浏览器,除了Chrome外,还包括最新版Edge,Opera,Safari,以及换壳的各种国产浏览器。html,/*三角箭头的颜色*//*滚动条滑块按钮的颜色*//*滚动条整体颜色*//*滚动条阴影*//*滚动条轨道颜色*//*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*//*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*//*滚动条基准颜色*/特别注意:1.
17.时间相关获取 / year 年份 month 月份if (year!= "") {//这个月的第一天//取得月份数//是0而不是-1// 此时还是 Thu Feb 01 2024 00:00:00 GMT+0800 (中国标准时间) 格式,用 moment 包格式化一下。