请问如何优化该vue组件?

Question

因为v-if这些必须挂载到元素里,虽然这样能实现切换,但button归属元素觉得不规范.有什么改进方法没?title 是页面标题,虽然这实现了默认加载标题和切换标题,但感觉代码冗余.有没有简便的办法?

Answer 1

目前想到的一个

  methods: {

    change: function () {

      this.title = this.title === '用户登录' ? '用户注册' : '用户登录'

      this.$store.commit('setValue', {title: this.title})

      return this.title

    }

  },

  created: function () {

    this.change()

  }