Vue

by fguillen

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.1.3/vue-router.min.js"></script>
<div id="app">
  Here I can see the text: {{text}}
  <router-view></router-view>
</div>

Vue

Vue.use(VueRouter);

const Text = { props: ['text'], template: '<div>But here no: {{text}} </div>' }

const routes = [
  { path: '*', component: Text, props: true }
]

const router = new VueRouter({
  routes: routes
})

new Vue({
	router: router,
  el: "#app",
  data: {
  	text: "Hello there!"
  }
})