vue 组件的空白模板

<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>