LaravelにてVueを使用しています
app.jsに
app.js
1Vue.component('foo',require('./foo.vue'); 2
というコードをかけばコンポーネント登録ができることは知っています。
ただ、コンポーネントが多い場合全部app.jsに登録するのは違うんじゃないかと思いました。
そこで、親子関係にあるコンポーネントの場合、そしてその子はその親からしか使われない場合、親のコンポーネントに登録する記述をかけば良いと思い以下のようなコードを書いたのですが、
[Vue warn]: Property or method "search_store" is not defined on the instance but referenced during render
と表示されて動作しませんでした。
javascript
1<template> 2 <div> 3 <component :is="current_component"></component> 4 5 <button @click="current_component = search_store">店名で検索</button> 6 <button @click="current_component = search_item">商品名で検索</button> 7 </div> 8</template> 9 10<script> 11 import search_store from './search_store'; 12 import search_item from './search_item'; 13 14 export default { 15 name: "search_home", 16 components: { 17 search_store, 18 search_item 19 }, 20 data: function () { 21 return { 22 current_component: null 23 } 24 } 25 } 26</script> 27 28<style scoped> 29 30</style>
上記の方法を実現するやり方はあるのでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/17 00:02