ayubene

2024年3月20日

摘要：尚硅谷视频链接 axios 了解了一下axios的语法 import axios from 'axios' export default function () { let dogList = reactive( [ 'https://images.dog.ceo/breeds/pembroke/n 阅读全文

posted @ 2024-03-20 21:06 ayubene 阅读(25) 评论(0) 推荐(0)

前端学习-vue学习008-生命周期和模板引用

摘要：官方教程链接 ref标签（模板引用）手动操作 DOM，使用模板引用，就是指向模板中一个 DOM 元素的 ref <p ref="pElementRef">hello</p> 要访问该引用，我们需要声明一个同名的 ref： const pElementRef = ref(null) 生命周期详见前阅读全文

posted @ 2024-03-20 17:27 ayubene 阅读(16) 评论(0) 推荐(0)

前端学习-vue学习007-计算属性+Class 与 Style 绑定

摘要：官方教程链接 Class 与 Style 绑定 Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强 <span :class="{done:item.done}">{{ item.text }}</span> 如果item.done是true，以上代码实际为 <s 阅读全文

posted @ 2024-03-20 17:12 ayubene 阅读(46) 评论(0) 推荐(0)

2024年3月19日

did you register the component correctly? For recursive components, make sure to provide the "name" option.解决方法

摘要：创建了一个vue2的项目，在运行npm run serve的时候报错，检查了拼写也完全没有问题最后找到的解决方案将原来的 <script> import { Person } from './components/Person.vue' export default { name: 'App', 阅读全文

posted @ 2024-03-19 21:27 ayubene 阅读(1139) 评论(0) 推荐(0)

'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件解决方法

摘要：查看信息 npm config list 根据prefix路径，查看是否有'vue.cmd'文件参考了这篇感觉很整齐如果没有就安装vue npm install -g vue 再安装脚手架vue-cli // 安装 npm install -g @vue/cli // 或者 cnpm inst 阅读全文

posted @ 2024-03-19 20:49 ayubene 阅读(706) 评论(0) 推荐(0)

2024年3月18日

前端学习-vue视频学习009-defineProps(子组件接收父组件的数据)

摘要：尚硅谷视频链接 defineProps-只接收父：要有数据 let personList = reactive<personArr>( [ {id:'qqq1',name:'aaa',age:10,gender:'F'}, {id:'qqq2',name:'vvv',age:30,gender:' 阅读全文

posted @ 2024-03-18 23:06 ayubene 阅读(54) 评论(0) 推荐(0)

Referenced Project may not disable emit问题解决方法

摘要：报错内容修改文件./tsconfig.app.json中的"noEmit": true为"noEmit": false ./tsconfig.node.json同理阅读全文

posted @ 2024-03-18 22:20 ayubene 阅读(1804) 评论(0) 推荐(0)

前端学习-vue视频学习008-TS中的接口\泛型\自定义类型

摘要：尚硅谷视频链接使用ts定义，可限制参数的类型新建ts文件 // 定义接口限制对象属性 export interface personInter { name:string, age:number, gender:string } // 使用泛型 // export type personArr 阅读全文

posted @ 2024-03-18 21:44 ayubene 阅读(30) 评论(0) 推荐(0)

2024年3月6日

前端学习-vue视频学习007-标签的ref属性

摘要：尚硅谷视频教程给标签增加ref属性，可以通过属性值取到标签内容 <template> <div class="person"> <h1>this</h1> <h2 ref="title">that</h2> <button @click="showLog">changeTemp</button> 阅读全文

posted @ 2024-03-06 20:28 ayubene 阅读(18) 评论(0) 推荐(0)

2024年3月5日

前端学习-vue视频学习006-watch监视、watchEffect

摘要：尚硅谷视频链接 watch监视的5种情况情况1 监视【ref】定义的【基本类型】数据 <template> <div class="person"> <h1>情况1：监视【ref】定义的【基本类型】数据</h1> <h2>求和：{{ sum }}</h2> <button @click="chan 阅读全文

posted @ 2024-03-05 20:37 ayubene 阅读(42) 评论(0) 推荐(0)

公告