nuxt2

2024-08-16nuxt2 优化asyncData 里多个接口await串行请求的弊端，改为并行请求
优化前多个接口await串行请求，若一个接口用时1秒，3个接口一共得用时3秒才行asyncasyncData(){letres1=awaitdanielService.getAllDanielByIndex();letres2=awaitjournalService.getJournalType();letparams={page:1,pagesize:10,
2024-08-08nuxt2 语言国际化 + element国际化
踩坑:element国际化动态设置语言必须使用服务端中的store状态才可以importVueI18nfrom'vue-i18n'importenLocalefrom'element-ui/lib/locale/lang/en'importElementLocalefrom'element-ui/lib/locale';//导入ElementUI的语言包importcnLocalefrom'e
2024-06-21nuxt2 国际化i18n使用
安装依赖，项目nuxt2版本nuxt2.15.8cnpmi@nuxtjs/[email protected]配置全局语言exportconststate=()=>({language:"en",token:"",});exportconstmutations={setLanguage(state,language){state.language=language;
2024-04-29Nuxt2项目Js文件使用Vuex
背景当前项目是Nuxt2框架，建立了Vuex仓库。通过返回一个函数的形式，建立Vuex代码如下importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=()=> newVuex.Store({ state:{ name:'abc' }, mutations:{ setName(state,data){
2024-01-26Nuxt2 实现动态路由参数用“/”分割
前提条件：1.必须是固定的参数传递，比如传递参数为固定的2个3个 => http://xxxxxxx/参数1/参数2 2. 通过创建（动态参数）的文件夹目录自己匹配生成路由传递参数：1<nuxt-link2to="'/news/HyZDetaile/'+titleEn+'/'+id"3
2024-01-18Nuxt2——路由
Nuxt内置了路由模块，无需自行编写路由文件Nuxt会根据pages/自行配置路由文件基础路由pages/--|user/-----|index.vue-----|one.vue--|index.vue得到路由配置router:{routes:[{name:'index',path:'/',component:'pages/index.vue'
2024-01-18Nuxt2——构建文件
nuxt2构建文件放在nuxt.config.js，使用cjs语法，暴露配置对象基本配置项mode 有spa和universal两种模式。spa没有使用到服务器渲染，但是使用路由。universal使用服务器渲染加客户端路由mode:'universal'head配置html的<head></head>内容head:{titleTemplate:'%s-Nuxt