摘要: 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) 编辑