本文我们将使用 Composition API 来封装一个商品列表组件，功能分为两块逻辑：列表查询和按商品名称过滤，涉及到新的 API 有 setup 中的 ref、onMounted、watch、computed，看完后你将掌握 Composition API 的基本用法。 …

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

Vue 组件千千万，只要不行咱就换。 我的答案是：耐心等待更新，不要着急不要惊慌，团队核心成员依然在进行项目的更新，下一代 Element Plus https://github.com/element-plus/element-plus 也在持续迭代中。 先抛开大不大厂不说，…

近期工作感觉很忙，都没有多少时间去写文章，今天这篇文章主要是将自己前期学习Vue3.0时候整理的一些笔记内容进行了汇总，通过对本文的阅读，你将可以自己完成Vue3.0环境搭建，同时还会对Vue3.0的一些新的特性进行了解，方便自己进行Vue3.0的学习。 在前面的文章中，我们通…

本系列文章目录Vue3.0全家桶最全入门指南-快速搭建(1/4)Vue3.0全家桶最全入门指南-vue3.0新特性(2/4)Vue3.0全家桶最全入门指南-vue-router@4.x和vuex@4.

这是我学习整理的关于 Vue.js 系列文章的第一篇，另外还有两篇分别是关于优化和原理的。希望读完这3篇文章，你能对 Vue 有个更深入的认识。 组件通信是 Vue 的核心知识，掌握这几个知识点，面试开发一点问题都没有。 用于实现父子组件间通信。通过 props 可以把父组件的…

这样封装在使用时会出现一个隐蔽的bug，就是在输入指令中正则限制以外的字符时，视图中输入框显示是正确的，但是在浏览器控制栏Vue Devtools中的testValue最后一位字符是最后输入的时的字符。 比如输入abc、123abc输入框内是 、123，但实际testValue…

但是当出现全局共享的状态、兄弟组件间通信等场景时，使用 Prop 和自定义事件可能会让逻辑变得非常复杂。这个时候，你应该考虑使用一个全局状态管理方案，例如 Vuex。 当然，Vue 组件间通信的通信方式远不止以上两种，下面分别讨论。 通常情况下，子组件不处理业务逻辑，只向上派发…

Vue.js（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。 相比Angular.js来说，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项…