+
+ {% raw %}{{ userId }}'s favorite color is {{ favoriteColor }}.{% endraw %}
+
+
+```
+
+
+To actually render this page, we will then need to use the `renderVue` function in our View (ex. `UserView.php`).
+
+The first paramater of the `renderVue` takes the name of the page (the name of the `.vue` file minus the extension, in this case `UserDetails`), and the second parameter is the same as in `renderTwig`, an associative array of variables that are passed to the Vue page.
+
+If we wanted our `UserView.php` example to render with Vue, it would have a function that might look like this:
+
+```php
+public function showUserDetails(UserModel $user) {
+ return $this->core->getOutput()->renderVue(
+ 'UserDetails',
+ [
+ 'user_id' => $user->getUserId(),
+ 'favorite_color' => $user->getFavoriteColor()
+ ]
+ );
+}
+```
+
+To access the variables passed by the `renderVue` function in Vue, use [`inject`](https://vuejs.org/api/composition-api-dependency-injection.html#inject). The injection keys will be the same as the keys in the provided array. If the key provided to `inject` is not in the array passed to `renderVue`, it will return `undefined`.
\ No newline at end of file