标签： 自定义

vue3自定义指令的使用

定义指令的变化 根据vue3文档的描述 https://v3.cn.vuejs.org/guide/migration/introduction.html#%E6%B8%B2%E6%9F%93%E5%87%BD%E6%95%B0 自定义指令的 API 已更改为与组件生命周期一致。 且 binding ...

vue自定义组件-实现一个Container全局组件步骤(给还不会使用组件的新手一个思路,大佬绕道)

前言 : 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。 现在基于vue的UI组件库有很多，比如iview，element-ui等。但有时候这些组件库满足不了我们的开发需求，这时候我们就需要自己写 ...

组件通讯的方式有哪些

props传递数据 步骤： 首先，在子组件中声明props选项 其次，在子组件中使用v-bind指令动态绑定属性，通过插值表达式动态获取数据 最后，在父组件的template中调用子组件标签的使用传递数据 示例： 在子组件MovieItem.vue中 <template> <div class="s ...

Vue3系列11--Teleport传送组件

Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似于 React 的 Portal。主要解决的问题 因为Teleport节点挂载在其他指定的DOM节点下，完全不 ...

Matery主题自定义(一)黑夜模式

黑夜模式 作为一个前端学习者，自然懂得黑夜模式的重要性，可惜主题原生未提供，那就自己弄吧 个人博客作为效果参考：https://jieniyou.github.io/ 设置基础样式 参考其他优秀产品的黑夜模式，得出共性： 那就是黑夜模式的背景一般不会是纯黑（#000）；而是淡黑色，字体也不是纯白（# ...

sass的几种输出格式，你都知道吗

Sass编译输出的CSS格式可以自定义。
有4种输出格式：
- :nested – 嵌套格式
- :expanded – 展开格式
- :compact – 紧凑格式
- :compressed – 压缩格式 ...

ant_vue模态框拖拽记录

学习笔记 ant_vue模态框拖拽记录 通过自定义命令 utils文件夹中新建dragModal.js import Vue from 'vue' // 注册自定义拖拽指令，弥补 modal 组件不能拖动的缺陷 Vue.directive('drag-modal', (el, bindings, v ...

Vue通信

什么是通信 通信是组件或模块之间的数据交互，多重通信就形成了数据流，数据流管理的优劣决定了产品能否上线，数据流（通信）越混乱，代码越难维护。 在Vue中常见的通信方式 父子组件通信 父传子使用自定义属性(props)，子传父使用自定义事件（$emit()）。 状态提示 当兄弟组件之间需要共享数据时， ...

vue中如何在自定义组件上使用v-model和.sync

自定义事件 tips 推荐始终使用 kebab-case 的事件名。（v-on会将事件名自动转换为小写，避免匹配不到） changeData × change-data √ 自定义组件的v-model 用法： 父组件定义数据源（不需要定义修改数据的方法），在子组件标签上通过v-model="data ...

基于 Hexo 键入分享功能

原文链接：基于 Hexo 键入分享功能 前言 本站基于Hexo搭建，用的 🦋 hexo-theme-butterfly 主题 v3.7.1，请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.2.2 。 如果你是 v3.7.1 之外的版本，可能有些地方会有出入，请留意 ...

自定义SvgIcon公用组件

封装了一个基于vue的公用SvgIcon组件库，只需要降svg文件放入指定文件夹，就可以通过文件名绑定到SvgIcon组件上使用该文件。 ...