js如何为input赋值

<input type="text" id="myInput">

// 获取输入框的值
var inputValue = document.getElementById('myInput').value;
console.log(inputValue);

// 设置输入框的值
document.getElementById('myInput').value = '新的值';

<input type="text" id="myInput">

// 监听输入事件
document.getElementById('myInput').addEventListener('input', function(event) {
    console.log(event.target.value); // 获取当前输入的值
    event.target.value = '实时设置的值'; // 实时设置输入框的值
});

<input type="text" id="myInput">

// 获取输入框的值
var inputValue = $('#myInput').val();
console.log(inputValue);

// 设置输入框的值
$('#myInput').val('新的值');

import React, { useState } from 'react';

function MyComponent() {
    const [inputValue, setInputValue] = useState('');

    return (
        <div>
            <input 
                type="text" 
                value={inputValue} 
                onChange={(e) => setInputValue(e.target.value)} 
            />
        </div>
    );
}

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

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  }
};
</script>