mixins 混入

我们在使用vue进行前端开发时,如果遇到有相同的业务逻辑时,不妨使用混入的方式

像下面的代码示例

<script>
import firstTitle from "@/components/firstTitle/index.vue"; // 一级标题
import minix from "@v/admin/application/mixins/mixin.js"; // 导入可复用的逻辑

import { getCampusApi } from "@s/api/basis";

export default {
mixins: [minix],

在mixin.js文件中可以下入如下的代码

var mixin = {
props: {
// 传递的form表单值
formdata: {
default: function () {
return {};
}
},

如果在当前组件有相同的属性了,你们当前将会覆盖mixin.js里的属性


爆款云服务器s6 2核4G 低至0.46/天,具体规则查看活动详情Blog Img