摘要：
1、App.vue代码如下： <template> <button @click="change">切换组件</button> <p></p> <keep-alive> <component :is="tabComponent"></component> </keep-alive> </templa 阅读全文
posted @ 2024-08-11 20:49
像一棵海草海草海草
阅读(87)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <component :is="tabComponent"></component> <button @click="change">切换组件</button> </template> <script> import Child1 from "./ 阅读全文
posted @ 2024-08-11 20:38
像一棵海草海草海草
阅读(87)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <div> <h3>主页面</h3> <button @click="change">改变</button> </div> </template> <script> export default { beforeCreate() { console 阅读全文
posted @ 2024-08-11 20:02
像一棵海草海草海草
阅读(16)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <div> <h3>主页面</h3> <Slot001> <template #s1="slotProps"> <h4>{{ msg }} {{ slotProps.msg1 }}</h4> </template> <template #s2="s 阅读全文
posted @ 2024-08-11 19:47
像一棵海草海草海草
阅读(51)
评论(0)
推荐(0)
摘要：
1、App.vue代码： <template> <div> <h3>主页面</h3> <Slot001 v-slot="slotProps"> <h4>{{ msg }} {{ slotProps.msg }}</h4> </Slot001> </div> </template> <script> 阅读全文
posted @ 2024-08-11 19:38
像一棵海草海草海草
阅读(33)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <div> <h3>插槽学习</h3> <Slot001> <!-- 插槽1--> <template v-slot:s2> <p>{{ msg1 }}</p> </template> <!-- 插槽2--> <template #s1> <p>{ 阅读全文
posted @ 2024-08-11 19:06
像一棵海草海草海草
阅读(67)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <div> <h3>插槽学习</h3> <!-- 插槽1--> <Slot001> <p>{{ msg }}</p> </Slot001> <!-- 插槽2--> <Slot001> <!-- <p>{{ msg }}</p>--> </Slot0 阅读全文
posted @ 2024-08-11 18:51
像一棵海草海草海草
阅读(77)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <div> <h3>插槽学习</h3> <Slot001> <p>我是主页面</p> </Slot001> </div> </template> <script> import Slot001 from './view/Slot001.vue' e 阅读全文
posted @ 2024-08-11 18:30
像一棵海草海草海草
阅读(16)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码如下： <te 阅读全文
posted @ 2024-08-11 18:17
像一棵海草海草海草
阅读(26)
评论(0)
推荐(0)
摘要：
1、App.vue代码： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father代码如下： <template 阅读全文
posted @ 2024-08-11 18:04
像一棵海草海草海草
阅读(41)
评论(0)
推荐(0)
摘要：
1、App.vue代码： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码： <templa 阅读全文
posted @ 2024-08-11 17:53
像一棵海草海草海草
阅读(44)
评论(0)
推荐(0)
摘要：
1、App.vue代码: <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码： <templa 阅读全文
posted @ 2024-08-11 15:02
像一棵海草海草海草
阅读(154)
评论(0)
推荐(0)
摘要：
1、App.vue代码： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码： <templa 阅读全文
posted @ 2024-08-11 14:08
像一棵海草海草海草
阅读(87)
评论(0)
推荐(0)
摘要：
1、App.vue代码： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码 <templat 阅读全文
posted @ 2024-08-11 13:58
像一棵海草海草海草
阅读(75)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码如下： <te 阅读全文
posted @ 2024-08-11 02:01
像一棵海草海草海草
阅读(45)
评论(0)
推荐(0)
摘要：
1、App.vue代码如下： <template> <Father/> </template> <script setup> import Father from './view/Father.vue' </script> <style> </style> 2、Father.vue代码如下： <te 阅读全文
posted @ 2024-08-11 01:12
像一棵海草海草海草
阅读(89)
评论(0)
推荐(0)
摘要：
1、main.js代码如下： // import './assets/main.css' import {createApp} from 'vue' import App from './App.vue' import Config from "@/config.js"; import Testpa 阅读全文
posted @ 2024-08-11 00:59
像一棵海草海草海草
阅读(155)
评论(0)
推荐(0)
摘要：
1、一个经典的样式布局 2、App.vue代码如下： <template> <Header/> <Main/> <Aside/> </template> <script> import Aside from "./view/Aside.vue"; import Main from "./view/M 阅读全文
posted @ 2024-08-11 00:04
像一棵海草海草海草
阅读(134)
评论(0)
推荐(0)
浙公网安备 33010602011771号