Vue
Sitevision supports client side rendering with Vue.
index.js
Section titled “index.js”For rendering a client side only app use the framework agnostic client renderer.
main.js
Section titled “main.js”render(App, [settings])
Section titled “render(App, [settings])”@soleil-se/app-util/client/vue
Renders a client side Vue application.
Param | Type | Default | Description |
---|---|---|---|
App | * | Vue app root component. | |
[settings] | Object | {} | Settings object. |
[settings.selector] | String | `#app_mount_${appId}` | Query selector for mount element. |
In app_src/main.js
or app_src/client/index.js
.
import { render } from '@soleil-se/app-util/client/vue';import App from './App.vue';
render(App);
Mount the app in another element:
import { render } from '@soleil-se/app-util/client/vue';import App from './App.vue';
render(App, { selector: '#mount_app_here' });