main.js 669 B

12345678910111213141516171819202122232425262728293031323334353637
  1. var empresa = {
  2. template: '#empresa',
  3. data: function () {
  4. return {
  5. title: 'Empresa'
  6. }
  7. }
  8. }
  9. var productos = {
  10. template: '#productos',
  11. data: function () {
  12. return {
  13. title: 'Productos'
  14. }
  15. }
  16. }
  17. Vue.component('empresa', empresa);
  18. Vue.component('productos', productos);
  19. var routes = [
  20. { path: '/empresa', component: empresa, text: 'Empresa' },
  21. { path: '/productos', component: productos, text: 'Productos' }
  22. ]
  23. var router = new VueRouter({
  24. routes: routes
  25. })
  26. new Vue({
  27. el: '#app',
  28. router: router,
  29. data: {
  30. routes: routes
  31. }
  32. })