vue3
文章平均质量分 80
学习vue3
大富翁 chen
哈哈哈哈哈哈哈
展开
-
Vue3 核心语法
age:number定义某个对象符合personInter 接口规范表示根目录src定义一个数组中每个对象都符合personInter 接口规范第一种方法 ----使用泛型第二种方法 ----自定义类型])我们一般将有联系的数据或方法放在一个hook文件文件中进行管理,这大大实现了模块化开发;比如有一些关于dog的变量或者方法,我们会将其放在useDog.ts中。(hook文件的命名以use开头)return {dog注意:文件中的变量或者方法都必须使用return 返回出去。原创 2024-07-16 09:35:20 · 1021 阅读 · 0 评论 -
Vue3 ---- 组件通信
用在html标签上用在组件上$event---->DOM事件对象对于原生事件,$event就是事件对象 ===> 能.target对于自定义事件,$event就是触发事件时,所传递的数据 ===> 不能.target。原创 2024-07-19 16:16:14 · 36 阅读 · 0 评论 -
Vue3 前置知识
vite是新一代前端构建工具,原创 2024-07-15 12:00:08 · 333 阅读 · 0 评论 -
Vue3 --- 路由
浏览器的路由模式有push和replace两种,默认为push模式(可前进可后退);缺点:后期项目上线,需要服务端配合处理路径问题,否则刷新会有404错误。编程式导航 ---- 脱离< RouterLink >实现路由跳转。优点:URL更加美观,不带有#,更接近传统的网站URL。更方便的收到参数(可以将路由参数作为props传给组件)一般组件:自己亲手写出来的 < Demo />也可以给路由添加名字,通过名字找到它。路由组件:靠路由的规则渲染出来的。在路由规则中设置props。原创 2024-07-16 19:31:08 · 341 阅读 · 0 评论 -
Vue3 ----- pinia
将共享的数据交给pinia进行管理。原创 2024-07-18 10:42:40 · 431 阅读 · 0 评论