VUE 文件基本结构，持续更新

作为一个全栈，一个人挑几个项目的存在，每日过代码无数，根本记不住，

今日发现，一天十几二十几个文件的工作量，根本不是人能记住的，所以做个笔记

喃无阿尼陀佛，造福自己，普度众码农，愿少一点程序猿去地中海朝圣

<template>  
 
    {{level|levelFilter}}
     <!--level 使用levelFilter数据格式化-->
      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
  <!--@refreshDataList 注册到子组件，子组件调用-->
</template>

<script type="text/javascript">
  import AddOrUpdate from './category-add-or-update' /*引用组件*/
  import {
    getOrderSetting
  } from '@/api/orderSetting'; /*引用方法*/

  var _self;
  var defaultData={};//默认数据，初始化使用，放数据错乱

  export default {
    data() {
      return { 
        addOrUpdateVisible: false, //控制子组件显示隐藏
        dataForm: Object.assign({}, defaultData),/*拷贝数据，防止数据内存地址错乱，数据初始化时再次使用*/
      }
    },
    /*子组件专用*/
    props: {
      value: Object, //接收父页面通过 v-model传来的值
      isEdit: {
        type: Boolean, //定义数据类型
        default: false
      }
    },
    components: { //注册组件模块
      AddOrUpdate /*注册组件*/
    },

    /*自己定义的变量，用于组件数据绑定*/
    computed: {
      detailHtml_Temp() {
        return this.value.detailHtml_Temp;
      },
      selectSubject: {
        get: function() { 
          return subjects;
        },
        set: function(newValue) { 
          
        }
      },
    },

  /*监控自定义变量*/
  watch: {
      detailHtml_Temp: {
        immediate: true,/*页面创建即运行*/
        deep: true,/*深度监控*/
        handler(val, oldVal) {
           
        },
      },
    },
	mounted(){  //页面初始化方法,向后台请求的初始化数据放在这里，ssr后端初始化有用到
	 
	 
	},
    /*方法模块*/
    methods: { 
      getDataList() {
        this.$emit('refreshDataList'); /*子组件专用，调用父页面传来的参数*/
      },
    },
    /*初始化模块，进入页面触发*/
    activated() {
      this.getDataList() //调用内部方法
    },
    /*初始化模块    渲染前触发   只触发一次*/
    created() {
      _self = this; /*this赋予_self 方便在ajax等方法内部回调*/
    },
    /*格式化数据模块*/
    filters: {
      levelFilter(value) {
        if (value === 0) {
          return '一级';
        } else if (value === 1) {
          return '二级';
        }
      }
    }
  }
</script>