nuxt.js 第2页

27、Nuxt.js项目整合ElementUI组件库

参考element-ui官网安装组件库项目中新建插件引入element-uiplugins\element-ui.jsimportVuefrom'vue';importElementUIfrom'element-ui';Vue.use(ElementUI);nuxt.config.jsplugins:["@/plugins/element-ui.js"],build:{//将位于node_modu

bus_lupe·2023-11-27 00:45

nuxt学习记录

几小时后，与Next.js异曲同工，一个基于Vue.js的服务端渲染应用框架应运而生，我们称之为：Nuxt.js。

不曾滑落的忧伤·2023-11-25 00:36

nuxt.js框架记录

优点：服务端渲染（ssr）、有利于seonuxt官网链接：关于Nuxt.js-NuxtJS|Nuxt.js中文网目录结构：页面组成：1.布局文件（根组件）：保存在layouts目录中、所有的页面都是布局文件中的子组件

来赶鸭子上架·2023-11-21 03:44

nuxt.js常见问题总结

最近在开发我司一项目，用的是nuxt.js开发的，nuxt版本号：2.14.8。

慢半帧·2023-11-21 03:14

Nuxt.js基础

一、Nuxt.js是什么一个基于Vue.js生态的第三方开源服务端渲染应用框架他可以帮助我们轻松的使用vue.js技术栈构建同构应用中文文档GitHub仓库二、Nuxt.js的使用方式初始项目已有的Node.js

丽__·2023-11-19 09:08

18、基础路由和nuxt-link路由跳转

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置，不需要我们去额外的配置路由。nuxt-link组件用于在页面中添加链接至别的页面。

bus_lupe·2023-11-15 05:27

为什么选择使用nuxt.js?

二、为什么使用nuxt.js?vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于id为app的DOM元素上，这样会存在两大问题。由于资

IT侠客行·2023-11-14 12:35

微服务[学成在线] day12：基于 Nuxt.js 构建搜索前端工程

本章节为【学成在线】项目的day12的内容Nuxt.js的基本使用基于Nuxt.js开发搜索门户前端目录知识点结合实战应用会更有意义，所以这里我就不再对单个知识点进行拆分成单个笔记，内容会比较多，这里我们可以根据目录进行按需阅读

cory_lin·2023-11-13 05:09

Nuxt.js——基于 Vue 的服务端渲染应用框架

二、Nuxt.js的特点Nuxt.js的适用情况？三、Vue是如何实现服务端渲染的？

骆骆爱学习·2023-11-12 23:30

NUXT前端服务端渲染技术框架

服务端渲染又称SSR（ServerSideRender）实在服务端完成页面的内容，而不是在客户端通过AJAX获取数据优势：更好的SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面Nuxt.js是一个基于

A尘埃·2023-11-10 06:25

搭建nuxt3项目（框架构建）

（详解以及周边）Nuxt框架1、一种基于Node.js的服务端渲染方案SSR（ServerSideRendering）支持Vue应用、服务器端渲染、提高页面的加载速度和SEO工作原理：1、服务端渲染：Nuxt.js

Best_卡卡·2023-11-07 21:26

Nuxt.js 分页获取数据（及更新子组件数据、不刷新页面，异步请求追加数据）

卡尔特斯·2023-11-06 13:48

如何在 nuxt.js 中使用 axios.js 在组件和页面请求数据？

本文个人博客地址：https://www.leafage.top/posts/213489UI上一篇创建了前端工程，接下来开始写代码。因为初始化项目，只是最小的一些基本依赖，再开发中，需要一些第三方的库来支持，比如样式/组件库。在开发Leafage网站的过程中，我试用过viewui(原来叫iview)、element-ui、antdesignvue、vuetify这几个组件库，但是约到后面会发现，

布吉_岛·2023-11-06 13:18

nuxtjs中asyncData异步数据请求、代理配置、fetch网络请求、vuex的使用、中间件处理

1.asyncData异步数据请求2.代理配置3.fetch网络请求4.vuex4.1state中的数据展示4.2同步方法与异步方法4.3数据持久化处理5.中间件处理1.asyncData异步数据请求Nuxt.js

月光晒了很凉快·2023-11-06 13:47

Nuxt.js学习(八) --- 异步数据

[TOC]1、异步数据1.1、官方文档：Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。

庭前云落·2023-11-06 13:45

NUXT:异步数据

异步数据Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。

元宇宙iwemeta·2023-11-06 13:14

【7】Nuxt.js 异步数据

Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。

青崖林夕·2023-11-06 13:14

Nuxt异步获取

Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在渲染组件之前异步获取数据。asyncData方法会在组件（限于页面组件）每次加载之前被调用。

写完bug就找女朋友·2023-11-06 13:13

nuxt.js页面布局和异步请求数据

开门见山本篇文章主要是介绍nuxt.js页面布局和异步请求数据，希望可以帮助到大家页面布局其实就是在项目的根目录下，新建一个layout目录，里面的文件可以作为项目的模板文件在组件内有一个选项可以作为引用的模板

ZhandsomeZ·2023-11-06 13:42

NuxtJs入门异步请求数据

官网Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法会在组件（限于页面组件）每次加载之前被调用。

ZhuAiQuan·2023-11-06 13:11

15、Nuxt.js代理转发解决跨域问题

nuxt.config.jsexportdefault{...//Modules:https://go.nuxtjs.dev/config-modulesmodules:["@nuxtjs/axios"],axios:{proxy:true,//开启代理转发prefix:"/api"},//代理转发proxy:{'/api':{target:"https://mock.mengxuegu.com/

bus_lupe·2023-11-06 13:11

异步数据asyncData调用请求后端接口

Nuxt.js增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法asyncData方法会在组件（限于页面组件）每次加载之前被调用。

傻狍子学前端·2023-11-06 13:10

nuxt.js使用swiper的经过及遇到的坑

最近有一个企业官网项目用到了nuxt.js需求：首页有一个左右滑动的展示效果，果断使用swiper，直接上网搜索关键字“nuxt使用swiper”。

xintianyou丶·2023-11-06 12:28

nuxt.js初使用之vue幻灯片滑动组件vue-awesome-swiper

1安装组件（需要停掉nuxt服务否则报错）2在plugins文件夹下新建文件nuxt-swiper-plugin.js，内容是importVuefrom‘vue’importVueAwesomeSwiperfrom‘vue-awesome-swiper/dist/ssr’Vue.use(VueAwesomeSwiper)3将plugins和css节点复制到module.exports节点下（注意位

Q丶大到暴雨·2023-11-06 12:25

npm run dev 和 npm run serve

npmrundev命令通常用于Vue.js和Nuxt.js框架中，用于启动本地开发服务器并监视文件更改。

躺平的菜鸡·2023-11-03 14:01

NUXT.JS

Nuxt.js是一个基于Vue.js的通用应用框架。

SY·2023-11-03 13:04

Vue 项目进行 SEO 优化

nuxt.js(坑比较多,做好踩坑的准备)静态化Nuxt.js

QYY159818·2023-10-25 11:54

在安装NuxtJS的时候出现的问题

转载至：https://t00ts.com/257.htm初次运行nuxt.js时会出现两个问题问题一：ERRORFailedtocompilewith1errors12:46:40PMerrorin.

夏风丁字裤·2023-10-25 11:11

nuxt脚手架

nuxt(vue)和next(react)都是服务端渲染的安装-NuxtJS|Nuxt.js中文网首先要安装create-nuxt-app:npminstallcreate-nuxt-app-g然后：npxcreate-nuxt-appmaster

每天吃饭的羊·2023-10-24 18:41

SEO 页面渲染以及Nuxt.js的运用

1SEOSEO是网站为了提高自已的网站排名，获得更多的流量，对网站的结构及内容进行调整优化，以便搜索引擎（百度，google等）更好抓取到更优质的网站的内容。从上图可以看到SEO是网站自己为了方便spider抓取网页而作出的网页内容优化，常见的SEO方法比如：1）对url链接的规范化，多用restful风格的url，多用静态资源url；2)注意title、keywords的设置。3）由于spide

wptalenter·2023-10-17 21:37

vue2的服务端渲染方案 Nuxt.js

用的是vue的ssr方案，Nuxt.js（中文文档地址：安装-NuxtJS|Nuxt.js中文网）第一步：采用nuxt脚手架新建项目（傻瓜式安装文档地址：百度安全验证）第二步：目录结构分析:1.api:

前端道爷·2023-10-17 21:35

Nuxt.js 视图

默认模板：{{HEAD}}{{APP}}修改模板，对低版本IE浏览器进行支持（兼容IE浏览器）{{HEAD}}{{APP}}默认布局概述布局：Nuxt.js根据布局，将不同的组件进行组合。

啊是可莉·2023-10-17 21:35

Nuxt.js学习笔记（一）路由与视图

Nuxt.js4.路由4.1路由概述4.2基础路由4.3动态路由4.4动态命名路由4.5默认路由4.6嵌套路由4.7过渡动效4.7.1全局过渡动效设置4.7.1自定义动画5.视图5.1默认模板5.2默认布局【掌握】5.2.1布局概述5.2.2布局分析5.2.3公共导航5.3自定义布局5.4错误页面5.5Nuxt组件特殊配置5.5.1模板代码5.5.2head整合axios4.路由4.1路由概述Nu

Rich D·2023-10-17 21:05

大前端学习-Vue服务端渲染Nuxt.js

内容输出来源拉勾教育大前端高薪训练营一、Nuxt.js是什么Nuxt.js一个基于Vue.js生态的第三方开源服务端渲染应用框架它可以帮我们轻松的使用Vue.js技术栈构建同构应用官网GitHub仓库二

柠条_·2023-10-17 21:34

Nuxt.js 服务端渲染从安装到部署

Nuxt.js服务端渲染方案了解Nuxt.js的作用掌握Nuxt.js中的路由掌握layouts、pages以及components的区别能够在Nuxt.js项目中使用第三方ui库或者插件掌握Nuxt.js

AaronWangCong·2023-10-17 21:03

Nuxt.js详解

Nuxt.js1、案例入门1.1、create-nuxt-app介绍1.2、安装1.3启动1.4、访问2、目录结构2.1、目录1.2、别名3、路由3.1、路由概述3.2、基础路由3.3、动态路由3.4、动态命名路由3.5、默认路由3.6、嵌套路由3.7、过渡动效3.7.1全局过渡动效设置3.7.2、自定义动画4、视图4.1、默认模板4.2、默认布局4.2.1、布局概述4.2.2、布局分析4.2.3

李Reign·2023-10-17 21:01

vue 拿到数据后，没有重新渲染视图,nuxt.js拿到数据后，没有重新渲染视图,强制更新视图

以下为Vue2的解决方案一、Vue.set（）问：什么情况下使用？答：如果你向响应式数据添加新的“属性”，理论上，一般情况下是没问题的，但是，如果你的级别比较深，又或者，“属性”添加上去后，视图没有拿到的情况下可以使用该方法。官方地址：https://v2.cn.vuejs.org/v2/api/#Vue-setVue.set(target,propertyName/index,value)//示

橙-极纪元JJY.Cheng·2023-10-17 21:29

nuxt.js服务端渲染项目性能优化总结

众所周知，Vue作为前端开发的三大框架扛把子之一，在国内众多小微厂使用还是很多的，都知道Vue一般作为客户端渲染模式，在某些业务场景可能十分不友好，比如电商业务；为啥说不友好呢，因为Vue一般是使用客户端渲染，数据都是通过Ajax请求回来的，搜索引擎无法抓取到动态的内容，所以要用到服务端渲染，服务端有多种实现方式，Vue官方也自带SSR解决方案，Vue服务端渲染由于项目前端使用的是Nuxt实现的S

qq_45272329·2023-10-12 14:18

2021-02-22nuxt.js服务端渲染中如何实现路由的跳转

一、nuxt.js路由跳转1、nuxt-link标签跳转在html标签内使用nuxt-link跳转，相应于超链接a标签，使用方式如下：首页2、编程式导航-JS代码内部跳转实际项目中，很多时候都是通过在JS

Kason晨·2023-10-11 11:35

2019-07-14简单设置Nuxt.js中meta内容

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。

Kason晨·2023-10-11 03:14

nuxt笔记

Nuxt.js提供两种方法为路由提供动画效果，一种是全局的，一种是针对单独页面制作。单独设置页面动效想给一个页面单独设置特殊的效果时，

Kuro233333·2023-10-10 23:10

SSR服务器端渲染(Nuxt.js总结和豆瓣电影项目)

一.前言开始之前,我们先了解一下普通前端渲染过程:而加了SSR的服务器渲染过程:明显请求次数变少了,速度更快.那接下来隆重介绍服务端渲染什么是服务器端渲染前端渲染：html页面作为静态文件存在，前端请求时后端不对该文件做任何内容上的修改，直接以资源的方式返回给前端，前端拿到页面后，根据写在html页面上的js代码，对该html的内容进行修改。服务端渲染：前端发出请求后，后端在将HTML页面返回给前

黄庚中·2023-10-05 21:42

SSR服务器端渲染(Next.js总结和豆瓣电影项目)

一.前言先解释一下Nuxt.js和Next.js虽然只有一个字母之差,但它们是不同的两个服务端渲染框架.什么是Next.js?

黄庚中·2023-10-05 21:12

【Nuxt】02 Nuxt2项目搭建与配置、路由使用、生命周期、国际化等

一、项目搭建1Nuxt简介Nuxt.js是一个基于Vue.js的通用应用框架，通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。

Chx.zhang·2023-09-28 09:46

【Nuxt】03 Nuxt2 页面缓存、组件缓存、api缓存

基于nuxt.js的服务端渲染项目可以通过缓存来优化的场景有以下几点：优化点参考文档及思路优化场景/条件特别说明检测方法1.页面缓存vue官方文档页面内容不是用户特定（即对于相同的URL，总是为所有用户渲染相同的内容

Chx.zhang·2023-09-28 09:45

实测Nuxt.js入坑，配置dev、test、pro三种环境的变量env

先下载一个cross-env模块，比较好控制环境npminstallcross-env在package.json中写入环境的配置"scripts":{"dev":"cross-envNODE_ENV=devnuxt--open","test":"cross-envNODE_ENV=testnuxt","build":"cross-envNODE_ENV=pronuxtbuild","start":

wantLG·2023-09-23 10:09

vue2.6.12移动端配置

其他系列★Blog★Nuxt.js全面

杨晓白·2023-09-22 03:35

Next.js 与 Nuxt.js：终极指南

Next.js和Nuxt.js是用于构建现代Web应用程序的现代JavaScript框架。PC机箱风扇吹向哪个方向两者都是采用Jamstack架构的静态站点生成器，分别在Rea

pxr007·2023-09-21 13:28

如何在 Vue.js 和 Nuxt.js 之间做出选择？

开篇今天看了一位国外大佬的文章，主要是他对在项目中如何选择Vue.js或Nuxt.js的看法，欢迎大家在评论区发表看法，以下内容是他关于这个问题看法的整理，由于翻译水平有限，欢迎大家指正。

前端达人·2023-09-11 23:40

web前端相关官网大全【持续更新中. . .】

Svelte中文文档|Svelte中文网微信开放文档React官方RuoYi若依官方网站Vue官网VueUse中文文档VueRouter介绍VuePress中文文档Nuxt.js-Vue.js通用应用框架|Nuxt.js

AFeiNice·2023-09-11 08:36

推荐频道

nuxt.js