<template>
<div class="modeleWrap">
XX模块开发中...
</div>
</template>
<script>
import XEUtils from "xe-utils"; // js的工具库，很多方法可以直接使用，需要npm安装
// @ 如果没有定义，默认指的就是src下面的内容
import molA from "@components/ModuleA.vue"; // 自定义的组件
import util from "@util/util.js"; //引入工具类的公共 js 方法，需要自己写方法
export default {
components:{
molA
},
props:{
//变量根据自己的项目自定义
arr: { //数组
type: Array,
default: () => {
return [];
}
},
obj: { //对象
type: Object,
default: () => {
return {};
}
},
name: { //字符串
type: String,
default: "XXX"
},
hasOperate: { //布尔值
type: Boolean,
default: false
},
height: { //数字
type: Number,
default: 100
},
index: { // 字符串和布尔值
type: [String, Boolean],
default: "index"
},
myFunction: Function, //函数
/**
* //或者采用下面的没有默认值的简便写法
* title: String,
* height: Number,
* hasPager: Boolean,
* myObj: Object,
* myArr: Array
*/
/**
* //或者采用下面的直接写法
* title: "", //不传值则为空
* height: 100, //不传值则默认100
* hasPager: false, //不传值则默认为false
* myObj: "", //不传值则为空
* myObj: {}, //不传值则为空对象
* myArr: "", //不传值则为空
* myArr1: [] //不传值则为空数组
*/
},
data(){
return{
//这里存放数据
}
},
created(){},
mounted(){},
watch:{},
computed:{},
methods:{}
}
</script>
<!-- 这里或采用lang="less" -->
<style lang="scss">
</style>
