README

一个简单的Vue组件加载器，适用于PHP

vue-component 允许您创建单文件风格的代码，并生成可添加到HTML的组件代码，无需使用webpack、vue-cli或npm。

安装

推荐通过composer进行安装

composer.json

{
  "minimum-stability" : "dev",
  "require" : {
    "gibamaranhao/vue-component" : "*"
  }
}

执行composer update以进行安装

用法

创建一个组件文件夹和一个组件文件（扩展名可以是.vue、.js、.php、.html，不重要）

components/App.vue

<template>
	<h1 class="redone">
		Hello, VueComponent
	</h1>
</template>

<script>
Vue.component('App',{})
</script>
<style>
  .redone {
    color: red;
  }
</style>

<?php
use gibamaranhao\vue\VueComponent;

$loader = require_once __DIR__.'/vendor/autoload.php';

$vc = new VueComponent();
$vc->registerComponentsFromDir(__DIR__.'/components');
?>

<html>
<head>
        <title> GibaMaranhao - VueComponent </title>
</head>
<body>

        <div id="app">
                <App />
        </div>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.21/vue.min.js"></script>
        <?= $vc->renderAllComponents()  ?>
        <script>
                new Vue({
                        el: '#app'
                });
        </script>
</body>
</html>

gibamaranhao / vue-component

维护者

详细信息

README

安装

用法