<!--  -->
<template>
  <div id="app">
    <cs-button @click="switchI18n('zh')">切成中文</cs-button>
    <cs-button @click="switchI18n('en')">切成英文</cs-button>

    <!-- <test-flex-grid></test-flex-grid> -->
    <test-table></test-table>
    <!-- <test-form></test-form> -->
    <!-- <test-common></test-common> -->
  </div>
</template>
<script>
import "../bless";
import TestFlexGrid from "../test/flexGrid";
import TestTable from "../test/table";
import TestForm from "../test/form";
import TestCommon from "../test/common";

export default {
  name: "app",
  components: { TestFlexGrid, TestTable, TestForm, TestCommon },
  data() {
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    /* 切换国际化 */
    switchI18n(lang) {
      this.$EventBus.$emit("setLanguage", lang);
      this.$util.info("切换国际化成功：" + lang);
    },
  },

  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    sessionStorage.setItem(
      "token",
      "ddDvyIDSLZJEbk72Df4kyeAYEiqilyRoktDgz2ZkrAaONO4fW8Yy0Gj9B6C2MJTknHNwtFIPRcWS450p4StXqMQ9aa7anVeypSgiQS5KcjNhJcCYajvPciWMC6UQ5qm4wlzXWeXTFb9_9MHw5yR6ehiPYGSExLch5fZphYq5L_rt_8bEzeIsDBDwAR-Epcz0-aevYtOVzTNb5-j2X3WWOw=="
    );
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='scss' scoped>
</style>
