vue 设置input默认值

Vue.js 中设置 input 元素的默认值，你可以通过在模板或者数据绑定中直接赋值来实现。以下是几种常见的方法：

1. **模板语法**:

   <template>
     <input v-model="username" :value="defaultUsername">
   </template>

这里 `v-model` 是双向数据绑定，`:value` 则用于设置初始值。`defaultUsername` 是你在 Vue 实例的 data 对象中定义的一个变量。

2. **JavaScript表达式**:

   <input type="text" :value="username || '默认值'">

如果 `username` 为空或未定义，它将显示 "默认值"。

3. **组件 props**:
如果这是在一个父组件传递给子组件的属性，可以这样：

   // 父组件
   <child-component :default-value="parentDefault"></child-component>

   // 子组件
   props: {
     defaultValue: String,
   },
   template: `
     <input :value="defaultValue">
   `,

将默认值作为 prop 传入。