如何使用Vue.extend实现登录注册模态框功能？

本文共计1310个文字，预计阅读时间需要6分钟。

模框是我们UI控件中一个非常重要的组件，应用场景非常多。我们在Vue组件中创建模框组件时，一个重要的知识点是利用Vue.extend来创建。文档中的解释是：最近在做一个常用的模框组件，其一个关键点是利用Vue.extend来构建。

模态框是我们 UI 控件中一个很重要的组件，使用场景有很多种，我们在 Vue 组件中创建模态框组件而用到的一个知识点是利用 Vue.extend 来创建。

文档中的解释是

在最近在做一个常用的类似下面的 登录/注册 业务场景时，利用 Vue.extend 来改善我们的代码，使我们代码逻辑更清晰化。

需求：点击登录或注册出现各自的模态框。

我们对于这种常见的登录注册业务，一般都是分为 Sigin.vue 和 Register.vue 两个组件，然后把两个组件写入 App.vue 组件中，或者是 layout.vue 组件中。

原来的这种使用，对于我们的整块的登录注册逻辑是分散的，一些需要登录或者是权限的逻辑，可能都需要特意去提取一个 Visible 来控制我们的登录框。