Message from Vue: {{message}}
37 | 38 | ``` 39 | 40 | This example also binds the data context to the template. So you can pass data from Vue to Blaze template. 41 | 42 | You can bind the property to make template dynamic, bound to `templateData` reactive Vue property: 43 | 44 | ```vue 45 |This is slot content from Vue: {{slotValue}}
65 |Blaze content.
73 | {{> Template.contentBlock}} 74 | 75 | ``` 76 | 77 | It is reactive as well. `slotValue` comes from the Vue component, but it is rendered inside Blaze 78 | block helper template. 79 | 80 | VueComponent 81 | ------------ 82 | 83 | From Blaze, you can render Vue components with `VueComponent` Blaze template: 84 | 85 | ```handlebars 86 | {{> VueComponent component="my-vue-component" props=props}} 87 | ``` 88 | 89 | This example also binds props to the component. So you can pass data from Blaze to Vue component. 90 | Reactively, by having `props` reactively change. 91 | 92 | If you have to provide any extra arguments to the component's constructor, you can do that 93 | using `args`. For example, `args` value could be `{store}`, to pass 94 | [Vuex store](https://vuex.vuejs.org/en/) to the component. 95 | 96 | RouterLink 97 | ---------- 98 | 99 | If you use Vue Router in your application, you might want to change pages from Blaze. 100 | Simply using `` will not work well because it will trigger the whole application 101 | to reload on location change. Instead, you can use `RouterLink` Blaze template: 102 | 103 | ```handlebars 104 | {{#RouterLink to="/"}}Go to Home{{/RouterLink}} 105 | ``` 106 | 107 | This will render a link which will on click trigger page change through router. 108 | 109 | The template aims to be equivalent to [`