データがtrueに設定されていると、私のバルモモダルが表示されないのはなぜですか？ （Vue.js）

Question

Vue.jsとbulmaの新機能です。場合、私は唯一のモーダルを表示したい

<template lang="pug"> 
    div#app 
    navigation-menu 
    menu-modal 
    transition(name="fade") 
     router-view 
</template> 

：私は、メインのApp.vueファイル内のモード成分を含むから、これまでのところ、私はこれを持って、仕事にモーダルポップアップを取得しようとしていますデータは、（スクリプトタグ内に、App.vueにまだ）ここでtrueに設定されている：

：

export default { 
    name: 'app', 
    components: { 
     NavigationMenu, MenuModal 
    }, 
    data: { 
    showModal: true 
    } 
} 

私はテンプレートタグ（Vue.js）の内側にこれを追加してみました

しかし、データでshowModalがtrueに設定されていても、モーダルはページから消えてしまいました。

データがtrueに設定されているときにモーダルを表示する方法や、falseに設定したときに消える方法はありますか？

Answer 1

dataプロパティを指定すると、1つのVueインスタンスは動作しますが、Vueコンポーネントは動作しません。 Beginner Gotchas Pageを参照してください。

data() { 
    return { 
    showModal: true 
    } 
} 

：

あなたがshowModalセットtrueにしてオブジェクトを返しますdata方法を指定する必要があります