前言

平时在Vue项目中，最常用的状态管理工具就是Vuex了，而最新的Pinia是尤雨溪强烈推荐的一款Vue状态管理工具，也被认为是下一代Vuex的替代产品。

其优点如下：

• 去除了mutations，只有 state，getters和actions，其中actions支持了同步和异步操作
• 不会像Vuex那样有模块嵌套，Pinia只有store的概念，store之间可以相互使用，互不影响，达到模块扁平化的效果
• 更好地支持ts
• 更好地支持Vue2/Vue3
• 逻辑更加清晰，开发起来更加简单

前言

众所周知， hash 和 history 在前端面试中是很常考的一道题目。从表面上看，hash 和 history 的区别可能就在 hash 的 url 里面多了个 # ，而 history 就不会。

对于前端路由来说， hash 和 history 都可以用于前后端分离项目，且两者有各自的特点和各自的使用场景，在使用过程中主要要了解当前项目所处的场景，以便于更好地判断使用哪一种路由模式更佳，我们一起来探讨下。

问题

在main.js文件中import‘../theme/index.css’ 报错：

1
2
3
4
5

ERROR  Failed to compile with 1 errors 
                                                                                                                                                                                             
This relative module was not found:

* ../theme/index.css in ./src/main.js

问题

WebStorm的缩进规则和ESlint-vue的校验规则冲突引起的问题。

前提条件

• Vue项目
• 安装时打开ESLint校验功能
• 开发工具WebStorm

代码格式化会出现两种：

前言

Vue框架是什么，怎么用，相信大家都已经很熟悉了，诚如Vue教程所说，它是一套构建用户界面的渐进式Web前端框架。

但是很多人就是拿来主义，就只管用，博主也是这类人 = =!, 但是随着深入使用Vue，越发觉得深知其原理的重要性，那么，本文来探讨一下Vue的底层原理到底是什么，是怎么实现的。

前端工程化与webpack

前端工程化主要解决的问题：

• JavaScript、css 代码的合并与压缩
• CSS 预处理：Less、Sass、Stylus 的编译
• 生成雪碧图
• ES6 -> ES5
• 模块化等

webpack 的主要使用场景是单页面富应用（SPA），将一些诸如：typescript、less、jpg、vue等格式的文件通过特定的加载器（Loader）编译后，最终统一生成 .js、.css、.png等静态资源文件。

如何文件都可称为是一个模块。webpack就是处理模块间的依赖关系，并把他们进行打包。