Laravel前後臺共享資料
在檢視模板中初始化JS變數。
<script>
var app = <?php echo json_encode($array); ?>;
</script>
5.5以後可以這麼寫, 用 @json Blade 指令替代手動 json_encode
<script>
var app = @json($array);
</script>
曾經在多語言專案中這麼用過。
<script>
window.Laravel = {
csrfToken: `{{ csrf_token() }}`,
Locale: `<?php echo App::getLocale(); ?>`,
Languages: <?php echo json_encode(
[
`scaffold` => __(`scaffold::t`),
`module_dashboard` => __(`module_dashboard::t`),
`module_user` => __(`module_user::t`),
`setting` => __(`setting::t`),
],
JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);?>
};
</script>
Laravel變數傳入在vue元件中
定義元件
<script>
export default {
props: [`surveyData`],
mounted () {
// Do something useful with the data in the template
console.dir(this.surveyData)
}
}
</script>
注入變數
<survey-component :survey-data="`{!! json_encode($surveyData) !!}`"></survey-component>
參考:
https://medium.com/@m_ramsden/passing-data-from-laravel-to-vue-98b9d2a4bd23
https://laravel-china.org/docs/laravel/5.6/blade/1375
相關文章
- 前後分離實現中,後臺 Laravel 接收資料的跨域解決方案Laravel跨域
- js前臺如何使用後臺返回的資料JS
- laravel 檢視資料共享Laravel
- 前後臺分離之資料模擬
- spring的前後臺資料傳輸。Spring
- 前臺怎樣獲取後臺ajax資料簡單介紹
- Laravel8.x+Vue+AntDesign前後端分離後臺管理系統LaravelVue後端
- workman + Laravel auth 實現前後臺使用者實時聊天Laravel
- 使用 Laravel5.7 許可權管理系統後臺及前後臺使用者登入Laravel
- .NET後臺呼叫JS前臺JS
- Laravel 後臺系統Laravel
- 後臺模板 (For Laravel 5)Laravel
- 前臺提交資料規範
- 淺談前後端分離中的跨資源共享(CORS)後端CORS
- GAT專案前臺到後臺
- Laravel 5.5 不同使用者表登入認證 (前後臺分離)Laravel
- laravel框架學習之路(一)前後臺使用者認證分離Laravel框架
- 前後端資料交換互動後端
- 前後端分離——資料mock後端Mock
- SSH前後端資料互動後端
- 由ASP.NET所謂前臺呼叫後臺、後臺呼叫前臺想到HTTP——理論篇ASP.NETHTTP
- [譯] 在 Laravel 應用程式之間共享資料庫Laravel資料庫
- Laravel 前後端分離 csrf 防護Laravel後端
- cookie跨域共享 cookie二級域名共享 前後端分離專案共享cookieCookie跨域後端
- 由ASP.NET所謂前臺呼叫後臺、後臺呼叫前臺想到HTTP——實踐篇(一)ASP.NETHTTP
- 由ASP.NET所謂前臺呼叫後臺、後臺呼叫前臺想到HTTP——實踐篇(二)ASP.NETHTTP
- linux程式前臺-後臺執行Linux
- 幽默:為什麼需要後臺?前臺直接連線到資料庫不可以嗎?資料庫
- 資料共享交換平臺的實踐分享
- 前後端資料互動利器--Protobuf後端
- Pytorch資料前後處理整理PyTorch
- TDS:標籤平臺+API平臺+資料共享平臺,助力資料運營平臺建設API
- 常用的前臺資料繫結方法
- 安裝Laravel後臺生成框架Laravel框架
- Tp6 資料庫管理工具,生成前後臺CRUD頁面,直接作為後臺頁面使用資料庫
- Laravel+vue.js 前後端分離解決跨域後獲取資料庫使用者列表(五)LaravelVue.js後端跨域資料庫
- Laravel 後臺管理外掛 Laravel-AdministratorLaravel
- Asp.Net前臺呼叫後臺變數ASP.NET變數