v-model 三元

v-model 是 Vue.js 中一个常用的指令，用于实现双向数据绑定。它可以将表单元素的值与 Vue 实例中的数据进行绑定，实现数据的自动同步。

而 "三元" 可能指的是 JavaScript 中的三元表达式（Ternary operator），它是一种简洁的条件表达式。在 Vue.js 中，可以与 v-model 结合使用，根据条件给 v-model 绑定不同的值。

例如，假设有一个输入框和一个开关按钮，需要根据开关按钮的状态来决定输入框是否可编辑。可以通过 v-model 和三元表达式来实现这个功能：

<template>
  <div>
    <input v-model="inputValue" :disabled="isDisabled">
    <button @click="toggleDisable">Toggle</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      isDisabled: false
    };
  },
  methods: {
    toggleDisable() {
      this.isDisabled = !this.isDisabled;
    }
  }
};
</script>

在上述代码中，input 元素通过 v-model 绑定到了 Vue 实例中的 inputValue 属性上。而按钮通过调用 toggleDisable 方法来切换 isDisabled 属性的值，从而控制输入框的可编辑状态。

这样，当点击按钮时，输入框的可编辑状态会根据 isDisabled 的值进行动态改变。