Vue新状态管理工具PiniaRoot2022-06-27Web / Vue前言平时在Vue项目中,最常用的状态管理工具就是Vuex了,而最新的Pinia是尤雨溪强烈推荐的一款Vue状态管理工具,也被认为是下一代Vuex的替代产品。其优点如下:去除了mutations,只有 state,getters和actions,其中actions支持了同步和异步操作不会像Vuex那样有模块嵌套,Pinia只有store的概念,store之间可以相互使用,互不影响,达到模块扁平化的效果更好地支持ts更好地支持Vue2/Vue3逻辑更加清晰,开发起来更加简单 阅读全文Vue
浅谈vue-router路由原理hash和historyRoot2021-02-11Web / Vue前言众所周知, hash 和 history 在前端面试中是很常考的一道题目。从表面上看,hash 和 history 的区别可能就在 hash 的 url 里面多了个 # ,而 history 就不会。对于前端路由来说, hash 和 history 都可以用于前后端分离项目,且两者有各自的特点和各自的使用场景,在使用过程中主要要了解当前项目所处的场景,以便于更好地判断使用哪一种路由模式更佳,我们一起来探讨下。 阅读全文Vue
Vue主题import出错Root2019-08-01Web / Vue问题在main.js文件中import‘../theme/index.css’ 报错:12345ERROR Failed to compile with 1 errors This relative module was not found:* ../theme/index.css in ./src/main.js 阅读全文CSS Vue
Vue项目缩进问题Root2019-07-30Web / Vue问题WebStorm的缩进规则和ESlint-vue的校验规则冲突引起的问题。前提条件Vue项目安装时打开ESLint校验功能开发工具WebStorm代码格式化会出现两种: 阅读全文Vue ESLint WebStorm
Vue框架底层原理Root2019-03-20Web / Vue前言Vue框架是什么,怎么用,相信大家都已经很熟悉了,诚如Vue教程所说,它是一套构建用户界面的渐进式Web前端框架。但是很多人就是拿来主义,就只管用,博主也是这类人 = =!, 但是随着深入使用Vue,越发觉得深知其原理的重要性,那么,本文来探讨一下Vue的底层原理到底是什么,是怎么实现的。 阅读全文JavaScript Vue MVVM
《Vue.js实战》之使用webpackRoot2018-03-04Web / Vue前端工程化与webpack前端工程化主要解决的问题:JavaScript、css 代码的合并与压缩CSS 预处理:Less、Sass、Stylus 的编译生成雪碧图ES6 -> ES5模块化等webpack 的主要使用场景是单页面富应用(SPA),将一些诸如:typescript、less、jpg、vue等格式的文件通过特定的加载器(Loader)编译后,最终统一生成 .js、.css、.png等静态资源文件。如何文件都可称为是一个模块。webpack就是处理模块间的依赖关系,并把他们进行打包。 阅读全文Vue Webpack