如何通过Vue混入mixins实现组件间长尾词功能的代码复用？

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

目录前言

一、前后端数据交互与字典数据之前的转换

二、文件下载的混入

三、Element表格最后一句合计数据的混入

前言那便是说，你可以单独写一个逻辑文件，默认导出一个对象，对象中包含所需数据。

目录

• 前言
• 一、后端返回数据与字典数据之前的转换
• 二、文件下载的混入
• 三、Element表格最后一行合计数据的混入

前言

那就是说，你可以单独写个逻辑文件，默认导出一个对象，对象里面可以包含data、created、mounted、methods 等vue模板文件中的逻辑对象。接着可以将这个对象引入到多个vue模板中进行功能复用，从而达到功能模块的逻辑封装，便于使用及后期维护。

这里我举一些日常开发中最常用的示例来说，更多的是 methods 的混入。

一、后端返回数据与字典数据之前的转换

通常情况下，像状态、类型、性质等属性，后端存储数据通过数字来进行存储，这些数字会有数据字典与之对应。那么在获取后端数据时，我们前端人员拿到的数据正是这些数字以及字典数据。