获取元素

在学习 Vue 的过程中遇到了这样的问题：
通过原生 js DOM ID 选择器拿到对应的值，但是无法修改。

let name = document.querySelector('#input').value;
typeof(name) // string
name = ''; // can't do it

使用 document.querySelector('#input').value 获取到的就是一个字符串，将这个字符串修改也只是修改一个字符串而与。
而如果使用 let name = document.querySelector('#input') 获取到的就是一个对象，这时修改对象中的属性，也就是 name.value 就可以正确的修改该 DOM 的值。
正确写法如下：

let name = document.querySelector('#input');
typeof(name) // object
name.value = '';