20210630-JavaScript-Vue-状态位转换tips

背景：需要实现按钮默认状态=A，点击后变成B，再点击变成A。
解决方案：

1. 通过判断状态位，=1时，重置状态位=0；反之亦反；
2. 利用公式：当前状态位+原状态位始终=1

这里示例方案2

示例：
html：

<div id = "app1">
  <button @click="btn" >{{text[btn_type]}}</button>
</div>

vue：

<script type="text/javascript">
  const app = new Vue({
    el: '#app1',
    data:{
      btn_type: 1,
      text:['通过订单查询', '通过特征查询']
    },
    methods:{
      btn: function(event){
        app.btn_type = 1 - app.btn_type
        console.log(app.btn_type)
      }
    }
  })