[Python * Vue] Python(Flask) で判定した bool を Vue に渡して v-show で表示・非表示を切り替える方法が分からない

前提・実現したいこと

Python(Flask) 側で True/False 判定をして、Vue にその結果を渡して、表示・非表示を切り替えたい

現在のやり方

Python(Flask) 側で View Model に判定結果を json 化したものを定義
Vue 側にデータを渡す
v-show の条件次第で切り替え

発生している問題・エラーメッセージ

[Vue warn]: Missing required prop

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "isGuest"

該当のソースコード

python
1    @property
2    def isGuestJson(self) -> str:
3        if g.spaUser.isMember:
4            return json.dumps(False)
5        return json.dumps(True)

html
1        <global-menu
2                ref="child"
3                :user-name="'{{ vm.userName }}'"
4                :member-rank="'{{ vm.memberRankName }}'"
5                :links="{{ vm.linksJson }}"
6                :isGuest="{{ vm.isGuestJson }}">
7        </global-menu>

vue
1v-show="isGuest = 'true'"

vue
1    props: {
2      userName: {
3        type: String,
4        required: false,
5      },
6      memberRank: {
7        type: String,
8        required: false,
9      },
10      links: {
11        type: Object,
12        required: true,
13      },
14      isGuest: {
15        type: Object,
16        required: true,
17      }
18    }

python
1class BaseViewModel(object):
2    @property
3    def isGuestJson(self) -> str:
4        if g.user.isMember:
5            return json.dumps(False)
6        return json.dumps(True)

FiroProchainezo

2020/02/06 05:18

isGuestJsonをVue側に渡しているコードを提示いただけますか？ (VueはどうやってisGuestJsonを取得していますか？)

spellbound

2020/02/06 06:13

コメントありがとうございます！　追記しました！

FiroProchainezo

2020/02/06 10:30

あれ、render_templateの時に渡したり、ajax(axiosかな？)で取得していたりするわけじゃないんですかね？？ vueとflaskを使って最低限動作させる(v-showを動かせる)コードを提示いただくことは可能ですか？ flask側に @app.route('/') とかも含まれているものをお願いします。また、vueとflask(jinja2)で使う記法({{}})がかぶっていますが、そこはどうやって変更していますか？