Vue3使用混入(混合)

最新推荐文章于 2024-05-06 17:52:06 发布

io无心

最新推荐文章于 2024-05-06 17:52:06 发布

阅读量792

点赞数

分类专栏： Vue 文章标签： javascript 前端 vue3插件 vue3混入

需转载请联系QQ:846581636

本文链接：https://blog.csdn.net/LYXlyxll/article/details/131605788

版权

Vue 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

minixs/entity.js：混入代码

//混入的实体类
import { reactive } from 'vue';

const userEntityMixin = {
    setup() {
        const Admin = reactive({
            id: -1,
            account: "",
            userPassword: "",
        });

        const Teacher = reactive({
            id: -1,
            account: "",
            userPassword: "",
            remark: ""
        });

        const Student = reactive({
            id: -1,
            account: "",
            userPassword: "",
            remark: ""
        });
        return {
            Admin,
            Teacher,
            Student
        };
    }
};

export default userEntityMixin;

使用的代码：

import userEntityMixin from "@/ mixins/entity/index"

const {Admin, Teacher, Student} = userEntityMixin.setup();
//登录按钮事件
const login = () => {
  console.log(Admin);
  console.log(Teacher);
  console.log(Student);
}