Question

我目前正在制作 app.blade.php

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <title> abc</title>
  <link rel="stylesheet" href='{{URL::asset('/css/style.css ')}}' />
  <link rel="stylesheet" href='{{URL::asset('/css/app.css ')}}' />

  <script>
    window.Laravel = <?php echo json_encode([
        'csrfToken' => csrf_token(),
    ]); ?>
  </script>
</head>

<body>
  <div class="wrapper" id="app" v-cloak>
    @yield('content')
  </div>
  <script src="{{ URL::asset('js/app.js') }}"></script>
  <script>
    var vm = new Vue({
      el: '#app',
      @yield('vue')
    });
  </script>
</body>

</html>

＆＃13;

＆＃13; 以及 dashboard.blade.php 等后续页面为

＆＃13;

@extends('layouts.app')
@section('title', 'customer :')

@section('content')
<titlebar></titlebar>
<dashboard-page
:data=data
:options=options
@update=updatethedata
><dashboard-page>
@endsection

@section('vue')
data:{
  data:{...},
  options={...},
 },
 methods:{
  updatethdata:function(){
    ...;
  }
 },
 @endsection

＆＃13;

按预期工作。但我不知道这应该是如何合并的，或者是更好的方法。

它允许我访问刀片和vue以自定义我的应用程序。但它使得代码变得非常困难，因为js在刀片文件中并没有被缩小。更多的语法高亮显示器工作，因为它不在脚本标记中。

它是混合laravel刀片和vuejs的优化方式

0 个答案: