Как изменить значение v-модели из JS

Я использую адресную форму автозаполнения Google. Я нашел пример на официальной странице Google. Все хорошо. Все работает! но это родной Javascript,

У меня есть приложение Vue, и мне не нравится, как я меняю значения ввода текста из JS-скрипта. Идея состоит в том, что когда я что-то меняю в основном вводе, прослушиватель событий JS должен изменять значения для других вводов:

 document.getElementById(addressType).value = val;

Проблема в том, что я должен использовать "документ" для изменения значений:

 document.getElementById('street_number').value

Я хотел бы иметь что-то вроде tat:

 <input type = "text" v-model = "input.address" ref = "addressRef">

И для чтения значений:

export default {
        data() {
            return {
                input: {
                    address: "",
                    ...
                }

            };
        },
        methods: {
            test() {
                console.info(this.input.address);
                console.info(this.$refs.addressRef);
        }
       }

Итак, вопрос:

• Как установить значение из кода JS для обновления значений привязки? Сейчас значения являются нулевыми, потому что я использую "getElementById("id").value = val"