摘要：
菜鸟教程链接 TypeScript简介 TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScri 阅读全文
posted @ 2024-03-26 10:28
ayubene
阅读(28)
评论(0)
推荐(0)
摘要：
尚硅谷视频教程 了解pinia 集中式状态（数据）管理的工具，主要管理各组件之间的共享数据 准备一个效果 学到的几个点 html下拉选择框，可以使用v-model双向绑定 v-modle获取的值为字符串，可以写为v-model.number,会尽量转为数字 <select name="num" v- 阅读全文
posted @ 2024-03-24 23:38
ayubene
阅读(24)
评论(0)
推荐(0)
摘要：
尚硅谷视频教程 路由简介 路由就是一组key-value的对应关系 多个路由，需要经过路由器的管理 怎样才能使用路由器 安装路由器 npm i vue-router 在src内新增文件夹router 在router文件夹新增文件index.ts,在其中创建路由器并暴露出去 // 创建一个路由 并暴露 阅读全文
posted @ 2024-03-23 23:30
ayubene
阅读(17)
评论(0)
推荐(0)
摘要：
代码 function changePage(news) { router.push({ name:'detail', // path:'news/detail', query:{ id:news.id, title:news.title, content:news.content, } }) } 阅读全文
posted @ 2024-03-23 23:24
ayubene
阅读(20)
评论(0)
推荐(0)
摘要：
安装vue-router npm i vue-router@next -S 阅读全文
posted @ 2024-03-23 11:30
ayubene
阅读(835)
评论(0)
推荐(0)
摘要：
官方教程链接 父组件还可以通过插槽 (slots) 将模板片段传递给子组件： App.vue <script setup> import { ref } from 'vue' import ChildComp from './ChildComp.vue' const msg = ref('from 阅读全文
posted @ 2024-03-22 10:03
ayubene
阅读(3)
评论(0)
推荐(0)
摘要：
尚硅谷视频教程 组件的生命周期 创建 挂载 更新 销毁 在特定的时期调用特定的函数，即生命周期 vue2的生命周期 4个周期，对应8个钩子（生命周期函数） 创建：创建前、创建完毕 挂载：挂载前、挂载完毕 更新：更新前、更新完毕 销毁：销毁前、销毁完毕 <script> export default 阅读全文
posted @ 2024-03-21 22:33
ayubene
阅读(5)
评论(0)
推荐(0)
摘要：
官方教程链接 子组件还可以向父组件触发事件 子组件声明触发的事件，并且带参数触发 <script lang="ts" setup> const emit = defineEmits(['res']) emit('res','hi thisismy msg') // 第一个参数是事件名称，其他参数都会 阅读全文
posted @ 2024-03-21 16:13
ayubene
阅读(28)
评论(0)
推荐(0)
摘要：
官方教程链接 子组件可以通过 props 从父组件接受动态数据 首先，需要声明它所接受的 props： const props = defineProps({ msg: String }) 在父组件中传数据 <template> <Props :msg="hiHi"/> </template> <s 阅读全文
posted @ 2024-03-21 15:55
ayubene
阅读(12)
评论(0)
推荐(0)
摘要：
官方教程链接 侦听器： import { ref, watch } from 'vue' const count = ref(0) watch(count, (newCount) => { console.log(`new count is: ${newCount}`) }) pre标签：识别jso 阅读全文
posted @ 2024-03-21 11:52
ayubene
阅读(4)
评论(0)
推荐(0)
浙公网安备 33010602011771号