Как передать модели в js файл?

public function actionIndex()
    {
        $searchModel = new BookSearch();
        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
        return $this->render($this->getIndexByRole(), [
            'searchModel' => $searchModel,
            'models' => $dataProvider->getModels(),
        ]);
    }

$script = <<< SCRIPT
var app4 = new Vue({
    el: '#app-4',
    data: {
        todos: '$models'
    }
});
console.log($models);
SCRIPT;
$this->registerJs($script);

<div id="app-4">
        <ol>
            <li v-for="todo in todos">
                {{ todo.id }}
            </li>
        </ol>
    </div>