前端Vue3项目《硅谷甄选》笔记
文章平均质量分 91
前端项目
鱼仔是个NaN
努力努力努力努力再努力
展开
-
【Vue3+TS项目】硅谷甄选day05--真实接口+跨域+品牌模块搭建+属性模块搭建(深拷贝、nextTick)
接口中数据类型定义好之后,仓库中的数据类型也要改//定义用户相关数据的ts类型//用户登录接口携带参数的ts类型//定义全部接口返回数据都拥有ts类型//定义登录接口返回数据类型//定义获取用户信息返回数据类型data: {原创 2023-06-02 09:49:45 · 1411 阅读 · 2 评论 -
【Vue3+TS项目】硅谷甄选day04--顶部组件搭建+面包屑+路由鉴权
左侧菜单刷新折叠的问题解决---属性default-active折叠之后图标不见:icon放在插槽外面----element的menu属性:collapse顶部tabbar静态组件封装:拆分为左侧面包屑、右侧设置区域面包屑组件:project\src\layout\tabbar\breadcrumb\index.vue右侧设置组件:project\src\layout\tabbar\setting\index.vue菜单折叠的实现。原创 2023-05-31 16:50:04 · 1869 阅读 · 0 评论 -
【Vue3+TS项目】硅谷甄选day03--layout组件搭建+路由配置+左侧菜单搭建
需要至少四个一级路由:主页、登入页、404页、任意路由(指向404)安装路由插件:4版本src下新建文件夹views分别创建404、login、home路由组件src下新建router文件夹---包含index.ts和routes.ts入口文件中引入路由并注册 src/main.ts一级路由在App组件中展示即可。原创 2023-05-31 10:06:43 · 2057 阅读 · 0 评论 -
【Vue3+TS项目】硅谷甄选day02--后台管理系统模板搭建/项目配置
一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的,需要使用husky来,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。原创 2023-05-17 20:29:52 · 3591 阅读 · 1 评论 -
项目准备知识---vue3组件通信方式总结
在vue框架中事件分为两种:一种是原生的DOM事件,另外一种自定义事件。(vue2中需要添加 .native)原生DOM事件可以让用户与网页进行交互,比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据,在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件原创 2023-05-16 18:29:14 · 800 阅读 · 0 评论