サンプルコード <template> <div id="test"> <p v-if="hoge">条件「hoge」は true です。</p> <p v-else>条件「hoge」は false です。</p> </div> </template> <script> export default { data() { return { hoge: true }; }, }; </script> <style> </style> 表示確認 上記コードの状態だと、下記表示になる。 条件「hoge」は true です。 hoge: true を hoge: false にす…

サンプルコード // index.vue <template> <div id="app"> <Hello v-if="!isLogin"></Hello> <Goodbye v-if="isLogin"></Goodbye> </div> </template> <script> export default { data() { return { isLogin: false }; }, }; </script> <style> </style> // Hello.vue <template> <div> <h1>HELLO</h1> </div> </template> <script>…