Electron开发实战之09-Chat.vue

源码 j、源码 j-step-c9、相关视频

我们先实现一个简单的流程：

简单流程

可以看到，对于Chat.vue页面，我们需要一个Tabs组件。
我们选用element-ui快速搭建页面。

• bash

yarn add element-ui -D

• renderer/index.js

// 添加代码
...
import { TabPane, Tabs } from 'element-ui'
...
Vue.component(TabPane.name, TabPane)
Vue.component(Tabs.name, Tabs)
...

• views/Chat.vue

我们还需要两个自定义组件：

• ChatList.vue: 联系人列表
• SendMessage.vue: 用来发送消息

上一节 Electron开发实战之08-Login.vue
目录
下一节 Electron开发实战之10-ChatList.vue