arrilot / vue-templates-in-php
A simple package to manage vue components' templates in php
0.1.3
2018-10-10 18:25 UTC
Requires
- php: >=5.6
Requires (Dev)
- phpunit/phpunit: ~7.0
This package is auto-updated.
Last update: 2024-10-21 01:03:46 UTC
README
Vue templates in PHP
Introduction
There are two main ways to deal with vue components' templates:
- Single file components
<script type="text/x-template">
Single files components are great, but they have their own problems:
- You need a decent build setup.
- You can't manage templates from php directly.
If this is not an issue for you - go with them, you don't need this package then.
Otherwise this small packages can help you to set up
<script type="text/x-template">
scheme in a simple and maintainable way.
Installation
composer require arrilot/vue-templates-in-php
Usage
First of all create a helper like that
function vue() { static $vue = null; if ($vue === null) { $vue = new \Arrilot\VueTemplates\TemplateManager('/absolute/path/to/directory/where/you/want/to/store/templates/'); } return $vue; }
or place TemplateManager
object in a Service Container if you have one.
Add
<?php vue()->printTemplates() ?>
somewhere in footer above a script that starts vue application.
Now you can start making templates. For example let's imagine that you want to create a component for main menu.
- Create a component without template somewhere in js.
- Create a
main-menu.php
file inside the directory you passed toTemplateManager
. This is a component template. You don't need to add any<script type="text/x-template">
or<template>
tags to it. It's done behind the scenes. - Register this template on pages where you need it -
vue()->addTemplate('main-menu')
. - Now you can reference it in a vue component you have created in step 1 like that:
template: '#vue-main-menu-template'