<!--  -->
<template>
  <div id="app">
    <div style="margin-bottom: 20px">
      <van-button type="primary" @click="switchI18n('zh')">切成中文</van-button>
      <van-button type="primary" @click="switchI18n('en')">切成英文</van-button>

      {{ $t('app.title') }}
    </div>
    <test-form></test-form>
  </div>
</template>
<script>
import '../bless'
import TestForm from '../test/form'
// import TestForm from '../test/dpform'

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

    init() {}
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.init()
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang="scss" scoped></style>
<style>
body {
  color: #323233;
  font-size: 16px;
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto,
    PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  background-color: #f7f8fa;
}
</style>
