原文地址

本节内容主要围绕下列问题展开：

• 如何编写原生组件，以及组件编写的思考与原则？
• 组件怎么通信？有哪些方式？
• 如何使用vuex 以及它的应用场景和原理
• 如何使用过滤器，编写自己的过滤器
• 如何使用 Jest 测试你的代码？TDD 与 BDD 的比较

组件编写原理

vue 编写组件有两种方式，一种是单文件组件，另外一种函数组件。根据组件引入和创建还可以分为动态组件和异步组件。

动态组件keep-alive使之缓存。异步组件原理和异步路由一样，使用import()实现异步加载也就是按需加...

原文地址

我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。当然由于篇幅有限，先论述前 8 个问题，下节将完成全系列内容。

本篇文章将围绕下列问题进行论述：

• 如何规范你的 git 提交，并自动生成并提交日志？
• 如何配置和使用 Sass 和 PUG 提升你的编码效率？
• 如何处理你的代码风格问题，以及如何使用 perttier 与 eslint 解决效率风格两难问题？
• 如何管理页面的路由，如何编写异步路由？
• 如何编写组件，引入组件库？
• 如何管理你的资源，如何引入图标，样式？
• 如...

原文地址(https://juejin.im/post/5e9f6b3251882573a855cd52?utm_source=gold_browser_extension#heading-15)

4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 以下是直播内容整理

Vue.js 3.0 Beta发布后的工作重点是保证稳定性和推进各类库集成

所有的进度和文档都将在全新RFCs文档可以看到。

• Performance：性能更比Vue 2.0强。
• Tree...

// vue.config.js 基本配置方法
module.exports = {
  // 项目部署的基础路径
  // 我们默认假设你的应用将会部署在域名的根部，
  // 比如 https://www.my-app.com/
  // 如果你的应用时部署在一个子路径下，那么你需要在这里
  // 指定子路径。比如，如果你的应用部署在
  // https://www.foobar.com/my-app/
  // 那么将这个值改为 `/my-app/`
  // 基本路径 baseURL已经过时
  publicPath...

高阶组件(HOC)是一种架构模式，在 React 中非常常见，但也可以在 Vue 中使用。它可以被描述为一种在组件之间共享公共功能而不需要重复代码的方法。HOC 的目的是增强组件的功能。它允许在项目中实现可重用性和可维护性。

• 只要你向一个方法传入组件，然后返回一个新的组件，这就是一个 HOC。

高阶组件在以下方面非常有用: 1.操作属性。 2.操作数据和数据抽象。 3.代码重用

在我们开始教程之前，需要了解以下几点：

使用 Vue 框架的经验。
知道如何使用 vue-cli 设置应用程序。...