App.vue 390 B

123456789101112131415161718192021
  1. <template>
  2. <button @click="isShowDemo = !isShowDemo">切换隐藏/显示</button>
  3. <Demo v-if="isShowDemo"/>
  4. <hr>
  5. <Test/>
  6. </template>
  7. <script>
  8. import {ref} from 'vue'
  9. import Demo from './components/Demo'
  10. import Test from './components/Test'
  11. export default {
  12. name: 'App',
  13. components:{Demo,Test},
  14. setup() {
  15. let isShowDemo = ref(true)
  16. return {isShowDemo}
  17. }
  18. }
  19. </script>