rongxing-vue/src/views/common/home.vue

<template>
  <div class="mod-home">
    <h3>旭捷</h3>
    <ul>
      <li><h3>欢迎:{{userName}}!!!</h3></li>
    </ul>
  </div>
</template>

<script>
  export default {
    methods: {
      languageRefresh(){
        console.log("欢迎使用 旭捷管理系统!!!")
      }
    },
    computed: {
      userName: {
        get() {
          return this.$store.state.user.name
        }
      },
      mainTabs: {
        get() {
          return this.$store.state.common.mainTabs
        },
        set(val) {
          this.$store.commit('common/updateMainTabs', val)
        }
      }
    },
    beforeMount() {
      this.languageRefresh()
    }
  }
</script>

<style>
  .mod-home {
    line-height: 1.5;
  }
</style>