然而并未实现想像中动态添加的active的效果，原因是页面发生了跳转，重载了这个导航组件，所以show会一直是1，active永远在首页上。那么在当前页面上进行改变show的值就失败了，故此引入今天要说的嘉宾---Vuex Nuxt.js提供了模块方式的简单写法：使用状态树模块…

Nuxt是一个基于Vue.js的通用型框架，它集成了使用Vue开发的绝大数组件/框架。 1.1 首先现在store目录下新建.js文件，由于业务需求新建了几个模块的.js文件。 在mutations中会接收state作为第一个参数并且可以接收其他传参；（Tips：一条重要的原则…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

首先肯定是要夸夸掘金啦，最开始从 CSDN 到 博客园 再到 掘金，个人感觉掘金的技术氛围非常的nice，真是个宝藏社区👏。技术文章大多以前端为主，对前端开发者非常友好，质量也是歪瑞古的。学习是不可能不学习的，这辈子都不可能不学习的，只有敲敲代码复制粘贴才能维持得了生活这样子…

翘首期盼，终于终于，稳定版的Nuxt3它来了；Nuxt3是基于Vite、Vue3和Nitro的Nuxt框架的重构，具有一流的Typescript支持，且这次更新对内核进行了精简，使之速度更快，体验更好

任务一：创建一个在PC端正常显示的导航栏，在移动端以浮动抽屉的形式展示网站导航。 效果图如下： 如何引入bootstrap？ 安装bootstrap npm install bootstrap 在pl

前言 项目终于进入了尾声，这段时间主要在忙公司官网的开发，前段时间我在忙另外一个项目的时候，官网这个项目就启动了...

简单说就是Vue的SEO化。Vue开发的SPA（单页应用）不利于搜索引擎的SEO优化，所以在开发需要搜索引擎提供流量的项目时就比较尴尬，对于公司官网、新闻、博客、电影、咨询等项目来说，Nuxt.js不仅可以带来巨大的 SEO 提升，而且可以做到服务端拼接好html后直接返回，首…