mrcrmn/vue-generator

为 Vue 组件生成 HTML

v0.1.3 2019-03-30 12:39 UTC

This package is auto-updated.

Last update: 2024-09-29 05:08:47 UTC


README

清理您的 PHP 模板,创建简单的数据对象以渲染您的 Vue 组件及其属性。

永远不要再做以下任何事。

<v-slider :autoplay="<?php echo ($shouldAutoplay ? 'true' : 'false'); ?>">
    <?php foreach ($sliderItems as $item): ?>
        <v-slider-item src="<?php echo $item['src']; ?>"></v-slider-item>
    <?php endforeach; ?>
</v-slider>

相反,这样做。

use mrcrmn\VueGenerator\Vue;
use mrcrmn\VueGenerator\VueCollection;

$slider = Vue::make('v-slider')->setProp('autoplay', true);

$slider->setSlot(new VueCollection([
    Vue::make('v-slider-item')->setProp('src', 'image1.jpg'),
    Vue::make('v-slider-item')->setProp('src', 'image2.jpg'),
]));

然后在您的模板中。

<?php echo $slider; ?>

安装

Composer

要安装此包,请在项目的根目录中运行以下命令。

$ composer require mrcrmn/vue-generator

文档

有关文档,请访问 https://mrcrmn.netlify.com/packages/vue-generator/