README

关于

Laravel 5 包，允许您使用 Laravel 配置值 与您的 vue 前端共享，使用 laravue-config-values。

Laravel 5.7 注意！

由于 Laravel 5.7 中配置路径已更改，为了使此包正常工作，您需要在 config\laravue-config-values-generator.php 中配置 jsFile 的正确路径。

安装包

在您的项目中

composer require tandd/laravue-configuration-values --dev

对于 Laravel 5.4 及以下版本

对于框架的旧版本

在 `config/app.php 中注册服务提供者

TanDD\LaraVueConfigValuesGenerator\GeneratorProvider::class,

然后，发布包的默认配置

php artisan vendor:publish --provider="TanDD\LaraVueConfigValuesGenerator\GeneratorProvider"

然后在 `config/laravue-config-values-generator.php 中添加您想要生成的配置值

return [
    'configValues'          => [
            'constants',
             ...
        ],
];

您可以在 `config 文件夹中生成所有配置。

在 VueJS 中使用 laravue-config-values

使用以下命令生成包含文件

php artisan laravue-config-values:generate

然后在 Vue main.js 文件中定义

import Vue from 'vue';

import ConfigValues from './laravue-config-values.generated';

Vue.use(ConfigValues);

在模板中使用

生成器调整字符串以与 laravue-config-values 命名格式化一起工作，因此您可以使用参数重用 Laravel 配置。

config/constants.php

return [
    'MAX_AGE' => 50,
];

在 laravue-config-values.generated.js 中

    "constants":{
        "MAX_AGE": 50
    } 

Blade 模板

<div class="age">
    <p>{{ config('constants.MAX_AGE') }}</p>
</div>

Vue 模板

<div class="age">
    <p>{{ config('constants.MAX_AGE') }}</p>
</div>

Vue 脚本

console.log(this.config('constants.MAX_AGE'))

许可证

根据 MIT

认证

Tandd