laravel - 如何在 Vue 中使用 Laravel 辅助函数？

Question

我正在使用 Laravel 和 Vue 构建一个多页面应用。现在，例如，假设我想使用一些 Laravel 辅助函数，例如 {{ trans('messages.welcome') }} 在 Vue 组件内(在单独的 .vue 文件中).. 怎么做？

Answer 1

从您的 Blade 模板访问 Laravel 辅助函数，将结果作为 Prop 传递给您的 Vue 组件:

// app.blade.php
<message-component :message="{{ trans('messages.welcome') }}"></message-component>

// MessageComponent.vue
<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  props: [ 'message' ],
}
</script