vue 标签如何使用:value="authStatusMessage"

在 Vue 中，可以使用 `:value` 或 `v-bind:value` 来绑定标签的值。如果您想要将 `authStatusMessage` 的值绑定到标签的值上，可以按照以下方式使用 `:value`：

<template>
  <div>
    <input type="text" :value="authStatusMessage" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      authStatusMessage: '认证成功',
    };
  },
};
</script>

在上述代码中，我们使用 `:value="authStatusMessage"` 将 `authStatusMessage` 的值绑定到 `<input>` 标签的值上。这样，当 `authStatusMessage` 的值发生变化时，输入框的值也会相应地更新。

另外，您也可以使用双向绑定来实现对输入框的值进行修改。可以使用 `v-model` 来实现双向绑定，如下所示：

<template>
  <div>
    <input type="text" v-model="authStatusMessage" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      authStatusMessage: '认证成功',
    };
  },
};
</script>

在这种情况下，不仅可以将 `authStatusMessage` 的值绑定到输入框的值上，还可以通过修改输入框的值来改变 `authStatusMessage` 的值。

希望以上信息能对您有所帮助！如果您还有其他问题，请随时提问。