上一页 1 2 3 4 5 6 ··· 28 下一页
摘要: 01、index.ts代码如下: // 定义一个接口,用于限制person对象的具体属性 export interface PersonInter { id: string; name: string; age: number; } export type Persons = Array<Perso 阅读全文
posted @ 2024-08-18 14:02 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、index.js代码如下: // 定义一个接口,用于限制person对象的具体属性 export interface PersonInter { id: string; name: string; age: number; } export type Persons = Array<Perso 阅读全文
posted @ 2024-08-18 13:57 像一棵海草海草海草 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 01、新建一个index.ts文件,代码如下: // 定义一个接口,用于限制person对象的具体属性 export interface PersonInter { id: string; name: string; age: number; } export type Persons = Arra 阅读全文
posted @ 2024-08-18 13:19 像一棵海草海草海草 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-18 12:35 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-18 12:17 像一棵海草海草海草 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 1、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="Ap 阅读全文
posted @ 2024-08-18 12:08 像一棵海草海草海草 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-18 02:13 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 1、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="Ap 阅读全文
posted @ 2024-08-18 01:58 像一棵海草海草海草 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-18 00:14 像一棵海草海草海草 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-18 00:07 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-17 23:56 像一棵海草海草海草 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <!-- 使用了ref来获取子组件的属性--> <Person/> </div> </template> <script lang="ts" setup name="A 阅读全文
posted @ 2024-08-17 23:36 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h2>{{ title }}</h2> <button @click="showLog">点我数组子页面年龄</button> <!-- 使用了ref来获取子组件的属性--> <Person ref="per 阅读全文
posted @ 2024-08-17 20:42 像一棵海草海草海草 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 1、如果多个页面都用同一个id,那么就会报错。用ref可以指明是某个元素,规避报错情况。App.vue代码如下: <template> <div class="app"> <h2 ref="title2">好好学习,天天向上</h2> <button @click="showLog">点我输出h2元 阅读全文
posted @ 2024-08-17 20:16 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 1、App.vue代码如下: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/Person.vue' e 阅读全文
posted @ 2024-08-17 19:24 像一棵海草海草海草 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/Person.vue' 阅读全文
posted @ 2024-08-17 17:16 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/Person.vue' 阅读全文
posted @ 2024-08-17 15:22 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.Vue代码: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/Person.vue' ex 阅读全文
posted @ 2024-08-17 15:08 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/PersonNew.vu 阅读全文
posted @ 2024-08-17 14:43 像一棵海草海草海草 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/PersonNew.vu 阅读全文
posted @ 2024-08-17 14:32 像一棵海草海草海草 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码如下: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/PersonNew.vu 阅读全文
posted @ 2024-08-17 12:46 像一棵海草海草海草 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 01、以火狐浏览器维护,打开插件,搜索vue安装如图所示这个 02、安装好之后,F12就可以看到页面层级和具体内容了。 阅读全文
posted @ 2024-08-17 11:45 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 01、App.vue代码: <template> <div class="app"> <h1>好好学习,天天向上</h1> <Person/> </div> </template> <script> // JS或TS import Person from './view/Person.vue' ex 阅读全文
posted @ 2024-08-17 11:41 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 1、main.js代码如下: // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' const app = createApp(App); // App.vu 阅读全文
posted @ 2024-08-17 11:09 像一棵海草海草海草 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 1、npm install element-plus --save,安装UI 2、main.js代码如下: // import './assets/main.css' // 引入下面这两行 import ElementPlus from 'element-plus' import 'element- 阅读全文
posted @ 2024-08-14 22:20 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 1.App.vue代码如下: <template> <button @click="change">切换组件</button> <p></p> <keep-alive> <component :is="tabComponent"></component> </keep-alive> </templa 阅读全文
posted @ 2024-08-12 00:32 像一棵海草海草海草 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 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 像一棵海草海草海草 阅读(6) 评论(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 像一棵海草海草海草 阅读(1) 评论(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 像一棵海草海草海草 阅读(4) 评论(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 像一棵海草海草海草 阅读(3) 评论(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 像一棵海草海草海草 阅读(3) 评论(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 像一棵海草海草海草 阅读(4) 评论(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 像一棵海草海草海草 阅读(2) 评论(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 像一棵海草海草海草 阅读(2) 评论(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 像一棵海草海草海草 阅读(2) 评论(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 像一棵海草海草海草 阅读(3) 评论(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 像一棵海草海草海草 阅读(4) 评论(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 像一棵海草海草海草 阅读(4) 评论(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 像一棵海草海草海草 阅读(3) 评论(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 像一棵海草海草海草 阅读(2) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 28 下一页