随笔分类 -  网站相关

上一页 1 2 3 4 5 6 7 8 ··· 23 下一页
网站相关内容搜集
018、Vue3+TypeScript基础，使用watch监视reactive对象，默认是开启的深度监视，且无法关闭
摘要：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 像一棵海草海草海草 阅读(50) 评论(0) 推荐(0)
017、Vue3+TypeScript基础，使用watch监视时通过deep和immediate进行深度监视和立即执行
摘要：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 像一棵海草海草海草 阅读(103) 评论(0) 推荐(0)
016、Vue3+TypeScript基础，使用watch监视和结束监视
摘要：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 像一棵海草海草海草 阅读(102) 评论(0) 推荐(0)
015、Vue3+TypeScript基础，使用watch监视ref定义的基本类型数据
摘要：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 像一棵海草海草海草 阅读(34) 评论(0) 推荐(0)
014、Vue3+TypeScript基础，computed计算属性中使用get和set方法来读取和修改
摘要：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 像一棵海草海草海草 阅读(737) 评论(0) 推荐(0)
013、Vue3+TypeScript基础，computed计算属性的使用，结果会被缓存
摘要：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 像一棵海草海草海草 阅读(81) 评论(0) 推荐(0)
012、Vue3+TypeScript基础，子页面使用defineExpose暴露成员来给主页面使用
摘要：01、App.vue代码如下： <template> <div class="app"> <h2>{{ title }}</h2> <button @click="showLog">点我数组子页面年龄</button> <!-- 使用了ref来获取子组件的属性--> <Person ref="per 阅读全文
posted @ 2024-08-17 20:42 像一棵海草海草海草 阅读(126) 评论(0) 推荐(0)
011、Vue3+TypeScript基础，template中ref的用法意义
摘要：1、如果多个页面都用同一个id，那么就会报错。用ref可以指明是某个元素，规避报错情况。App.vue代码如下： <template> <div class="app"> <h2 ref="title2">好好学习，天天向上</h2> <button @click="showLog">点我输出h2元 阅读全文
posted @ 2024-08-17 20:16 像一棵海草海草海草 阅读(63) 评论(0) 推荐(0)
010、Vue3+TypeScript基础，通过toRefs和toRef把对象的属性变成响应式引用
摘要：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 像一棵海草海草海草 阅读(56) 评论(0) 推荐(0)
009、Vue3+TypeScript基础，ref和reactive的区别
摘要：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 像一棵海草海草海草 阅读(51) 评论(0) 推荐(0)
008、Vue3+TypeScript基础，数组和对象的响应式修改方法
摘要：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 像一棵海草海草海草 阅读(76) 评论(0) 推荐(0)
007、Vue3+TypeScript基础，使用reactive让界面数据变成响应式
摘要：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 像一棵海草海草海草 阅读(86) 评论(0) 推荐(0)
006、Vue3+TypeScript基础，组合式API种直接返回渲染内容
摘要：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 像一棵海草海草海草 阅读(40) 评论(0) 推荐(0)
005、Vue3+TypeScript基础，组合式API给子页面命名的2种方式
摘要：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 像一棵海草海草海草 阅读(61) 评论(0) 推荐(0)
004、Vue3+TypeScript基础，使用组合式API的写法，并用ref和value响应界面数据
摘要：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 像一棵海草海草海草 阅读(29) 评论(0) 推荐(0)
003、Vue3+TypeScript基础，安装浏览器的vue插件方便调试
摘要：01、以火狐浏览器维护，打开插件，搜索vue安装如图所示这个 02、安装好之后，F12就可以看到页面层级和具体内容了。 阅读全文
posted @ 2024-08-17 11:45 像一棵海草海草海草 阅读(110) 评论(0) 推荐(0)
002、Vue3+TypeScript基础，调用子页面和简单效果
摘要：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 像一棵海草海草海草 阅读(44) 评论(0) 推荐(0)
001、Vue3+TypeScript基础，创建第一个页面
摘要：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 像一棵海草海草海草 阅读(77) 评论(0) 推荐(0)
040.Vue3入门，在Vue3中引入ElementUI
摘要：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 像一棵海草海草海草 阅读(175) 评论(0) 推荐(0)
039.Vue3入门，异步加载组件，初始时不全部加载，使用时才加载
摘要：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 像一棵海草海草海草 阅读(238) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 8 ··· 23 下一页