konst34

У родителя "/", у дочернего "". Попробуйте так. Ну и в родительском компоненте не забываем <router-view /> добавить, чтобы было куда дочерние рендерить ))

Typescript подключается либо через vue-cli при создании проекта, либо можно добавить в уже созданный проект через менеджер пакетов. Как вам удобно
https://vuejs.org/guide/typescript/overview.html#o...

Прежде чем лезть в тонкости стоит изучить основы языка и основы дебага.

В частности, в вашей версии вы так и не вызвали str[Symbol.iterator](). Так что непонятно по чему вы пытаетесь итерироваться.

Но даже если вы это сделаете, вы возвращаете объект

{
  next() { ... }
}

в котором внутри функции next используете ключевое слово this. Но при вызове iterator.next() этот this будет указывать на объект iterator у которого нет никакого свойства length.