mrcrmn / vue-generator
为 Vue 组件生成 HTML
v0.1.3
2019-03-30 12:39 UTC
Requires (Dev)
- phpunit/phpunit: ^8.0
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