Nuxt 第8页

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{...

bus_lupe·2023-11-06 13:11

13、插件同时注入到Context、Vue实例

中*/exportdefault(context,inject)=>{//第一个参数是注入的名称inject('myAllFunction',string=>console.log(string))}nuxt.config.jsexportdefault

bus_lupe·2023-11-06 13:41

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

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

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

14、$axios异步加载数据asyncData

安装@nuxtjs/axioshttps://axios.nuxtjs.org/setupnpminstall@nuxtjs/axiosnuxt.config.jsexportdefault{modules

bus_lupe·2023-11-06 13:09

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

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

xintianyou丶·2023-11-06 12:28

鼠标拖拽横向滑动(仿swiper效果)

尧...·2023-11-06 12:58

在nuxt中使用swiper 整理和报错解决

在nuxt中使用swiper1、安装npminstallswipervue-awesome-swiper--save（swiper是必须要vue-awesome-swiper是为了使用vue的写法）2、

怎样过不是过·2023-11-06 12:27

nuxt项目使用swiper完成旋转木马轮播效果

[email protected]@4.1.1--save在plugins文件夹里新建vue-swiper.js文件vue-swiper.jsimportVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)新

狗狗龙·2023-11-06 12:56

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

1安装组件（需要停掉nuxt服务否则报错）2在plugins文件夹下新建文件nuxt-swiper-plugin.js，内容是importVuefrom‘vue’importVueAwesomeSwiperfrom

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

记录vue nuxt+element-ui中使用swiper的问题

记录vuenuxt+element-ui中使用swiper的问题1、安装swiper依赖2、main.js中全局引入3、组件中使用4、问题原写法尝试的解决方案解决1、安装swiper依赖npminstallswipervue-awesome-swiper

七秒的鱼TtT·2023-11-06 12:20

【Nuxt】Nuxt3 中使用 swiper 并自动滑动、手动滑动、点击滑动

demo示例建议先看官网nuxt-swiper.vue文件中使用样式请根据你项目实际来，只展示基础配置import{Swiper,SwiperSlide}from'swiper/vue'import{Autoplay

努力挣钱的小鑫·2023-11-06 12:17

【Nuxt】在 Nuxt3 中使用 Element Plus

安装ElementPlus和图标库pnpmaddelement-plus--savepnpmadd@element-plus/icons-vue安装NuxtElementPlus模块pnpmadd@element-plus

努力挣钱的小鑫·2023-11-06 09:04

linux文章导航栏

linux文章导航栏问价解压缩大全Linuxtar备忘清单zip文件解压缩命令全ubuntuubuntu18.04安装教程\搜狗输入法\网络配置教程Linux静态库和动态库shellShell脚本命令

Qt魔术师·2023-11-06 00:58

前端开发规范

环境本地环境：windows10nodejsv8.0.0+线上：centos7/ubuntu14.04nginxv1.12.0+主开发框架1.Vue2.React3.Jquery服务端渲染框架vue--nuxtreact

再见那卑微的再见·2023-11-05 13:15

linux捕捉程序退出信号,linux trap脚本信号捕获命令的使用

原标题：linuxtrap脚本信号捕获命令的使用linux的信号，可以用于进程间通信，还可以用于系统向进程发送命令。

hore12·2023-11-05 02:29

Minio多节点多驱动分布式部署官网文档翻译

原文链接：DeployMinIO:Multi-NodeMulti-Drive—MinIOObjectStorageforLinuxTheproceduresonthispagecoverdeployingMinIOinaMulti-NodeMulti-Drive

Anakki·2023-11-04 06:08

技术阅读周刊第三期

历史更新20231013：第一期20231022：第二期UnderstandingTheLinuxTTYSubsystemURL:https://ishuah.com/2021/02/04/understanding-the-linux-tty-subsystem

crossoverJie·2023-11-04 03:48

源码时代前端干货分享|Nuxt开发使用文档

源码时代前端干货分享|Nuxt开发使用文档一、Nuxt概述Nuxt官方理解是Vue的通用框架，它的作用主要是用来作SSR（服务器端渲染）。而Vue是开发SPA（单页应用）的js框架。

源码时代官方·2023-11-03 22:15

mac xrdp远程 linux,远程连接linux桌面之xrdp

xrdpusestheremotedesktopprotocoltopresentaGUItotheuser.ThegoalofthisprojectistoprovideafullyfunctionalLinuxterminalserver

村上树树825·2023-11-03 21:07

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

NUXT.JS. npm run dev 报错：Error: error:0308010C:digital envelope routines::unsupported

问题分析情况一参考：error:0308010C:digitalenveloperoutines::unsupported-简书error:0308010C:digitalenveloperoutines::unsupported出现这个错误是因为node.jsV17版本中最近发布的OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.在n

我不爱编程·2023-11-03 07:42

linux tac命令_Linux tac命令入门

linuxtac命令tac命令本质上是cat命令，但其目的是反向连接文件。

cumo3681·2023-11-03 06:36

nuxt 引入 vue-clipboard2

参考：https://www.jianshu.com/p/9ba5985a7baa参考：https://blog.csdn.net/fengjingyu168/article/details/81015200安装：npminstall--savevue-clipboard2引入插件：1.再plugins文件中创建一个js（命名随意，我这里是‘testPlugins.js’）2.往文件中填写：imp

断水无忧·2023-11-03 05:20

30分钟~使用uni-app框架-整合vant、nuxt

uni-app搭建项目1.通过HBuilderX可视化界面2.通过vue-cli命令行vuecreate-pdcloudio/uni-preset-vuemy-projectuni-app整合vant前言vantui有h5版和微信小程序版。其h5版（vant）只能用于h5，其微信小程序版（vantweapp）可用于微信和App，从uni-app2.4.7起，H5和QQ小程序也支持了微信小程序组件。

marlen828·2023-11-02 23:21

Windows下pm2调用npm和nuxt的办法

pm2调用npmpm2startC:\Users\xiao\AppData\Roaming\npm\node_modules\npm\index.js--nametest--runstart其中index.js的路径就是npm全局安装的路径，可通过以下命令获取npmroot-grequire全局npm模块的一种方法新建文件pm2npm.jsconstroot=require('child_proc

肖无疾·2023-11-02 15:42

在Vue中使用Filepond上传文件以及样式坑

更棒的是，它在nuxt下依然非常好用。基本使用安装：npminstallvue-filepondfilepon

CafuChino·2023-11-02 15:01

Nuxtjs 部署到 leancloud 踩坑

假设nuxt用的是express做后端逻辑那么在server/index.js这个文件里你需要初始化你的AV实体constAV=require('leanengine')AV.init({appId:process.env.LEANCLOUD_APP_ID

J奶泡·2023-11-02 10:18

webpack随记

1，package.json中script选项作用{"name":"demo","version":"1.0.0","private":true,"scripts":{"start":"nuxtstart

穆熙沐·2023-11-02 01:19

牛客网Java后端开发面经汇总

文章目录Java基础知识计算机网络知识MySQL、数据库常用数据结构操作系统Spring设计模式分布式RedisMybatis消息队列场景题手撕代码LinuxTomcat其他技能相关Java基础知识HashTable

xyx_HFUT·2023-10-31 22:32

linux进程异常不能重启,selinux配置错误导致CentOS无法重启

SELinux，结果误操作应修改配置文件/etc/selinux/config中的“SELINUX”参数的值，#SELINUX=enforcing原始配置SELINUX=disabled正确但是误将“SELINUXTYPE

壹贰伍陆·2023-10-31 21:24

Nuxtjs上使用wow.js+animate.css实现滚动加载动画

最近做个官网（技术栈使用Nuxt）需要用到滑动到可视区域才触发动画效果，几乎所有的页面都要”动“起来，手写要累死的节奏，赶紧寻找工具！发现wow.js+animate.css可以满足笔者的需求。

青颜的天空·2023-10-31 15:39

Nuxt+vue3+Element-plus+TypeScript

进公司实习一段时间了，想用学到的东西进行独立开发，踩坑不少，做个总结1Nuxt集成Element-plus这里巨坑，找了很久才找到(1)在plugins中新建element-plus.jsimport{

涵。·2023-10-31 03:27

vue+NuxtJS中使用Element-ui

vue+NuxtJS中使用Element-ui最近开始学习NuxtJS，这里给大家提供一下官方的文档：NuxtJS官方文档。

陈怂怂·2023-10-31 03:55

vue2 + element + Nuxt 双向邦定弹框

文章目录1：子组件2：通知父组件更新属性3：父组件使用4：案例：使用：:visible.sync双向绑定:visible属性绑定.syncvue双向绑定1：子组件:visible="dialogVisible"2：通知父组件更新属性双向通知this.$emit('update:dialogVisible',false)3：父组件使用通过.sync更新状态4：案例：协议协议协议协议协议协议协议协议协

墨轩尘·2023-10-31 03:50

【无标题】

编写插件nuxt-demo2\plugins\ctx-inject.js//context上下文对象//inject同时将方法注入到context和vue实例和store中exportdefault({

bus_lupe·2023-10-31 01:55

11、插件注入到vue实例中

新建插件nuxt-demo2\plugins\vue-inject.jsimportVuefrom"vue"Vue.prototype.

bus_lupe·2023-10-31 01:25

9、定义错误页

{{error.statusCode}}:{{error.message}}exportdefault{name:'NuxtDemo2Error',props:["error"],layout:"blog

bus_lupe·2023-10-31 01:24

linux命令随笔

Linuxtouch命令用于修改文件或者目录的时间属性，包括存取时间和更改时间。若文件不存在，系统会建立一个新的文件。ls-l可以显示档案的时间记录。

文絮卿舀·2023-10-30 22:25

融易宝之Nuxt服务器端渲染

Nuxt服务器端渲染一、服务器端渲染技术1、搜索引擎优化1.1什么是SEO**总结：**seo是网站为了提高自已的网站排名，获得更多的流量，对网站的结构及内容进行调整和优化，以便搜索引擎（百度，google

摸鱼汪·2023-10-30 21:57

vue3 实现选择输入框

vue3实现选择输入框(带数据选择功能的输入框)，这里用的vue3+nuxt(组件直接用)没有数据时显示弹框，可选择数据；如果要用自己输入的数据，输入完毕直接按回车即可（输入时按回车直接绑定输入框中的值给父组件的变量

君子使物，不为物使·2023-10-30 14:00

nuxt中引入vue-count-to组件

文件夹下面建立vue-count-to.jsimportVuefrom'vue'importcountTofrom'vue-count-to'Vue.component('countTo',countTo)2.nuxt.config.js

随意_web·2023-10-30 12:27

use mockjs in nuxt project

1.changenuxt.config.jsfile，addansubitemunderplugin{src:'~plugins/mockjs',ssr:true}2.createmockjs.jsunderpluginfolder.thecontentis

WilliamerTso·2023-10-30 05:58

「转载」Archlinux 的灵魂──PKGBUILD、AUR 和 ABS

文章转载自：https://linuxtoy.org/archives/archlinux-pkgbuild-aur-and-abs.html第一部分：PKGBUILD和makepkg其实，我使用Archlinux

乌木山·2023-10-30 05:00

nuxt GraphQl关于请求(返回)头信息那些事

最近换了一个环境，重新起航，接触到的项目是用nuxt开发，接口调用有用到graphql，这个东西以前也没接触过，耗了比较久的时间来研究这个东西，后来老大说，我们后端以后都不用graphql了，so...

想做个文人·2023-10-29 22:31

linux安装tar解压命令,Linux下*.tar.gz/.tar.bz2 文件解压缩安装命令

Linuxtar命令在Linux平台，tar是主要的打包工具。tar命令通常用来把文件和目录压缩为一个文件(tarball或tar,gzip和bzip)。

投机之王·2023-10-29 11:02

cloudflare_将静态NuxtJS网站部署到Cloudflare Workers

cloudflareRecentlyCloudflareannouncedWorkerssupportforstaticsites.Thisopensupawholeneweraofstaticwebsitedeployment.CloudflareWorkersisaServerlessplatformthatallowsustowriteandrunJavaScriptandWebAssemb

culiu9261·2023-10-29 00:41

推荐频道

Nuxt