博客
前端

前端开发整理(五): Vue框架的组件通信和全局状态管理
组件间通信 父子组件通信 父子组件通信是指,B 组件引入到 A 组件里渲染,此时 A 是 B 的父级;B 组件的一些数据需要从 A 组件拿,B 组件有时也要告知 A 组件一些数据变化情况;Child.vue 是直接挂载在 Father.vue 下面的。

前端开发整理(四): Vue框架的路由和插件
路由的使用 路由的目录结构 Vue3的路由管理在的目录下: index.ts 是路由的入口文件,如果路由很少,那么可以只维护在这个文件里;项目稍微复杂时,可以拆出两个文件index.ts 和 routes.ts ,在 routes.ts 里维护路由树的结

前端开发整理(三): Vue框架的脚手架配置与单组件编写
Vue3的脚手架构建 Vue的安装与模板创建 vue的安装与简单的模板创建方式如下: 使用Vite创建项目 创建Vite项目的方式包括Create Vite、Create Vue、Create Preset三种: 不论使用上方哪种方式

前端开发整理(二): TypeScript语言
TypeScript简介和需求原因 TypeScript 简称 TS ,是在 JavaScript 的基础上增加了一套类型系统,它支持所有的 JS 语句,为工程化开发而生,最终在编译的时候去掉类型和特有的语法,生成 JS 代码。 对于下述JavaScript代码:

前端开发整理(一): 前端工程化及准备
前端工程化 前端工程化需要遵循的一些规范 前端工程化代码的常用结构: 在写属性时,尽可能一个属性占一行;同时对多种正确的语法方式要确定一种作为标准 Vue.js与工程化 Vue 的编程方式被称为 “数据驱动” 编程,通过操作虚拟 DOM (