vue-laroute
Inject Laravel routes into your Vue application via aaronlord/laroute. I actually recommend the alternative and more slim-lined version of this package from AXN-Informatique/laravel-laroute.
Using this plugin
Adding vue-laroute to your application is as simple as any other plugin:
; ;; Vue; el: '#app';
You can now access your global accessor ($routes
by default) in any component via this.$routes
, for example:
<template> <div> <h1>You can access it in your template</h1> <nav> <ul> <li> <a :href="$routes.route('home')">Home</a> </li> <li> <a :href="$routes.route('products')">Home</a> <ul> <li> <a :href="$routes.route('products.show', { id: 1 })">Product 1</a> </li> <li> <a :href="$routes.route('products.show', { id: 123 })">Product 123</a> </li> </ul> </li> </ul> </nav> <button @clickprevent="purchaseProduct(123)">Purchase product</button> </div></template> <script> methods: { this$http ; } </script>
📜 Changelog
Details changes for each release are documented in the CHANGELOG.md.
❗️ Issues
Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.
💪 Contribution
Please make sure to read the Contributing Guide before making a pull request.