vue3+ts 项目中使用svg图标配置
svg 图标在vue3+ts 项目中的配置
永远自由,永远热爱
Pinia 是 Vue 的状态管理库,允许在跨组件/页面之间共享状态,由 Vue 核心团队维护,对 Vue 2 和 Vue 3 都可用。类似于react中的mobx和redux。Vuex是 Vue 之前的官方状态管理库。由于 Pinia 在生态系统中能够承担相同的职责且能做得更好,因此 Vuex 现在处于维护模式。它仍然可以工作,但不再接受新的功能。对于新的应用,建议使用 Pinia。
CSS 的规则都是全局的,任何一个组件的样式规则,都对整个页面有效。随着我们应用中组件的增多,很容易会出现类名冲突引发样式混乱, CSS Modules可以自动帮我们生成唯一的类名,这样就可以保证某个组件的样式不会影响到其他组件。
随着 web 技术的发展,前端的项目会越来越大,在这种情况下,传统开发会有许多问题,例如:命名冲突和污染、代码冗余,无效请求多、文件间的依赖关系复杂,这些问题会让项目变得难以维护且不方便复用,而前端的模块化可以解决这些问题。
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。
AJAX全称为Asynchronous JavasSript And XML,就是异步的js和xml。通过AJAX可以在浏览器中向服务器发送异步请求,AJAX不是新的编程语言,而是将现有的标准组合在一起使用的新方式。
Flex 全称 Flexible box 布局模型,通常称为 flexbox 或 flex,也称为弹性盒子或弹性布局。一种比较高效率的 css3 布局方案,可以用少量的代码高效的实现各种页面布局。