VUE this.$set()用法

Vue-给对象新增属性

getRandomPassword() {
        const randomPSW = randomPassword(10)
        this.$set(this.dataOption, 'randomPassword', randomPSW)
      },

<div class="get-random-psw">
            <Button type="success" @click="getRandomPassword()">获取随机密码</Button>
            <span style="user-select: text">{{dataOption.randomPassword}}</span>
          </div>

this.$set(‘对象名’,要修改的属性名,属性值),这样新添加的属性值会被Vue监听到并且同步渲染到页面上