小马甲

经常在网上看到有很多同学说：“在Vue中创建hooks？提升 什么什么什么”我每次看到这样的概念时都很疑惑：hooks应该是react中的概念呢，什么时候vue中也有hooks了？本着不懂就问的态度，我去各大官方文档中搜寻了的概念，很遗憾没有任何一个vue官方文档指出vue存在hooks的说法。所谓hooks到底是啥？vue中是否存在所谓的hooks？总体来说：hooks一般指的是【回调钩子函数】。在React中存在hooks的明确概念，通常是以use开头的函数。但是Vue中是没有hooks。

vue2和vue3生命周期。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

实际使用`ant-design-vue`在开发表单的时候或许会遇到编辑与查看的需求，但是查看的时候表单不允许编辑，`ant-design-vue`的官方是没有像`element`一样提供全局`disabled`属性的，但是我们对一个一个的`form-item`去添加又有一些麻烦，所以我使用了一个全局`css`属性才设置。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

vue3中使用defineComponent封装hook实现模板复用

递归组件就是指组件在模板中调用自己。递归组件的使用需要特别关注结束条件，否则会一直递归下去导致程序报错。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

在开发中，你经常会遇到这么一种情况：根据条件动态地切换某个组件，或动态地选择渲染某个组件。Vue提供了另外一个内置的组件和is特性，可以更好地实现动态组件。动态组件广泛应用于灵活渲染组件的场景，根据某种条件来渲染不同的组件，搭配可以避免组件频繁的创建与销毁。源码地址可点击【跳转】访问，在线调试代码本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

于Vue代码可读性的建议，觉得有用的点个赞，觉得建议不合理的发表评论批评一下，有更好的建议欢迎发表评论补充一下。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

实用的Vue开发技巧。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。观察者模式（）定义了一种一对多的关系，让多个订阅者对象同时监听某一个发布者，或者叫主题对象，这个主题对象的状态发生变化时就会通知所有订阅自己的订阅者对象，使得它们能够自动更新自己。其实它是发布订阅模式的一个别名，但两者又有所不同。

随着2024年的临近，在此提醒大家，Vue 2将在2023 年 12 月 31 日到达生命周期终点（EOLVue 2.0发布于2016年，已经有超过7年的历史，它是Vue框架成为主流的重要里程碑。许多当前的Vue用户都是在Vue 2时期就开始使用Vue的，并且有许多出色的项目是基于Vue 2构建的。然而，同时维护两个主要版本对Vue团队来说不是可持续的选择。随着Vue 3及其生态系统的成熟，Vue团队决定将精力集中在最新的主要版本上。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

单文件组件由三个不同的实体组成：模板、脚本和样式。所有这些都很重要，但样式往往被忽视，尽管它可能会变得复杂，并经常导致挫折和错误。更好地理解可以改进代码审查并减少调试时间。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

今天给大家分享几个很少人用，但是又非常有用的Vue3的API，废话不多说，往下看吧~文章提示：下文的无效不触发视图不触发响应式更新不被追踪这些词汇，想表达的意思是一样的，意思都是不被追踪本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。

在`avue-crud`中时间范围选择，正常默认应该是`0`点，但是不知道怎么的了，选完之后就是一直是`12`点。

最近在用`avue`这个`UI`框架来开发页面，有用到`avue-tabs`这个`tab`切换组件。结果竟然发现`element-ui`中`el-tabs`的`v-model`在`avue-tabs`中竟然是没有用的，无法设置默认选中哪个`tab`。`avue`这个基于`element-ui`开发的`UI`框架竟然没有继承它的属性

常见的el-input可能会限制用户只能输入正整数或保留两位小数，达到输入金额的需求，点击【跳转】访问el-input的官方文档element-ui是有这个组件，但是个人觉得不适用，该组件更适合加减数量，点击【跳转】访问的官方文档本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。

`el-form`中的设置了全局标题宽度是`200px`，此时想要对`el-form-item`取消标题宽度，设置了`label-width='auto'`，结果，报错了~~~

所有的 `props` 都遵循着单向绑定原则，`props` 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。另外，每次父组件更新后，所有的子组件中的 `props` 都会被更新到最新值，这意味着你不应该在子组件中去更改一个 `prop`。正常的父子组件传值及修改值，需要`props`传递属性到子组件，然后需要子组件触发自定义事件到父组件去改值。

element中的el-switch的值默认都是true或false，但是有些时候后端接口该字段可能是0或者1，如果说再转换一次值，那就有点太费力了。

在工程的components目录下新建组件editor。开源 Web 富文本编辑器，开箱即用，配置简单。

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。UEditorKindeditorSimditorCKEditorwangEditorSuneditorfroala等等。TinyMCELGPL2.1v5中文官网：TinyMCEax-z.cn官网及文档：www.tiny.cloud官网下载：www.tiny.cloud/get-tiny/self-hosted/Githubvuetinymce。

只要对象属性里面的任何一个属性值发生改变，不论嵌套的多深，都会触发监听里面的。定义一个新属性，新属性使用。里面的某个属性值，再使用。注意：如果是一个数组对象。，如果该属性是一个数组。来监听这个新属性值。

element中el-upload上传文件去掉文件列表

el-upload上传会撑高上传入口，上传完后又变成默认的高度。

vuedraggable拖拽列表设置某一条元素禁止被拖拽

一和二事例都是引入项目中指定的图片，但是有些时候可能需要根据数据动态引入项目中不同的图片。

启动了vue3的一个项目，用的是vite打包编译，结果直接就出现下面这个报错。

意思大概是：“RangeError:超过最大调用堆栈大小”，内存溢出。

一看到这个标题，大家肯定就会往的那几种情况去想。但是本篇遇到的问题用那些方法都没法解决，如果大家是需要了解$setsplice怎么更新页面重新渲染的可以另外去搜索相关知识点。

是 联合阿里云、腾讯云，为开发者提供的基于 模式和 编程的云开发平台。 的 web控制台地址：https://unicloud.dcloud.net.cn对于程序员：用熟悉的，轻松搞定前后台整体业务。对于开发商：因为共享大资源池，云服务厂商的成本大幅下降，开发者无需为闲置资源付费，云函数被调用才计费。从技术原理上就有明显成本优势，所以租用比租用传统云要便宜的多。在传统云的世界里，有大量的收费产品。防的高防套餐，每个月至少几万元。而这些费用，在中无需支付。为什么不用买高防也不害怕：由于阿里云和腾讯云的有

在mac电脑中，使用谷歌浏览器，点击el-upload进行web端的文件上传没反应，但是有些时候使用360极速浏览器又可以，所以让我非常的莫名奇妙。

实现的原理：版本之后所有的样式都是基于SCSS编写的，所有的颜色都是基于几个基础颜色变量来设置的，所以就不难实现动态换肤了，只要找到那几个颜色变量修改它就可以了。首先我们需要拿到通过拿到element-ui的版本号，根据该版本号去请求相应的样式。拿到样式之后将样色，通过正则匹配和替换，将颜色变量替换成你需要的，之后动态添加style标签来覆盖原有的css样式。

本地存放多套主题，两者有不同的命名空间，如写两套主题，一套叫day theme，一套叫主题都在一个的命名空间下，我们动态的在body上。

element中el-form-item的slot为label设置el-button的click事件会冒泡到整个label

element-ui中el-form在编辑表单时，经常会在label添加一些需要提示的东西，可以用到Form-Item 的slot这个方法。

Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景，同时衍生出更多企业常用的组件，达到高复用，容易维护和扩展的框架，同时内置了丰富了数据展示组件，让开发变得更加容易。