我们在使用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/天,具体规则查看活动详情