ブレードからVueコンポーネントの子へのパラメータバインディングを最適化する方法は？このような親コンポーネント用ブレードにディレクティブを持つ

Question

：内で複数回の負荷をオン

<component v-bind:mydata="data" v-bind:basepathimg="{{config('base_path_images')}}" ></component> 

のような子：子コンポーネントで、最終的に

<div v-for="(c, index) in mydata"> 
<childcomponent v-bind:c="item" v-bind:basepathimg="basepathimg" ></childcomponent> 
</div> 

.... 

<script> 
export default{ 
    props: ['mydata', 'basepathimg', ....], 
.... 

<img :src="basepathimg" class="img-responsive"> 


<script> 
export default{ 
    props: ['item', 'basepathimg', ....], 
.... 

ここに焦点を当てるのは "basepathimg"です。あなたが見ているように、それはパススルーブレードの親コンポーネントの子コンポーネントです。しかし、実際には私はそれを必要としません親コンポーネント。

これを何らかの方法で最適化できますか？

Answer 1

あなたは、ブレード内のJavaScript変数を作成できます。

<script> 
window.Paths = { 
    img: "{{ config('base_path_images') }}" 
}; 
</script> 

をそしてコンポーネント

export default { 
    computed: { 
     basepathimg() { 
      return window.Paths.img; 
     } 
    } 
}