说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

Compostition API集合，解决Vue2组件开发问题 更好的TypeScript支持 新的Api支持 什么是reactive？ reactive是vue3中提供的实现响应式数据的方。

我真的很喜欢使用Vue.js，每次使用框架时，我都会喜欢深入研究其功能和特性。通过这篇文章，我向你介绍了十个很酷的提示和技巧，你可能尚未意识到这些技巧和窍门，以帮助你成为更好的Vue开发人员。 随着Vue 2.6的推出，已经引入了插槽的简写方式，可用于事件（例如，@click …

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…

这段代码位于element-ui/src/transitions/collapse-transition.js中。 在Vue的官方文档中有这样一节详细阐述了createElement的用法。 为什么我们要用createElement呢？有些时候我们需要动态的插入一个VNode，…

前面介绍了动画的基本使用，这期结合VUE来实现一个简易的SVG路径动画组件。效果大致如下，在FlySvg组件中引入path,自动实现path的绘制动画效果。组件只支持一个path，多个path还是手动写js控制好一些。 svg在做动画中还是挺常见的，相对于canvas而言，sv…

首先，假设我们有两个组件，父组件叫HelloAnother.vue，子组件叫childProps.vue。父组件里面有一个router路由，父组件的结构如下所示。 在这个父组件中，child-props(注意：vue.js文档中建议我们组件名可以用驼峰法，但是当写在templa…

脚手架用的是vue-cli,vite还不太稳定，很多第三方库也存在兼容问题，为了能正常在实际项目中使用，还是选择了vue-cli。 然后 Vue 选 3.0, css预处理器，看个人习惯，sass,less,stylus都可以。 创建完项目，把那些不需要的页面例如:hellow…

想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。 LeetCode 真题 300. 最长上升子序列 给定一个无序的整数数组，找到其中最长上升子序列的长度。 可能会有多种最长上升子序列的组合，你只需要输出对应的长度即可。 你算法的时…