E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Nuxt3
nuxt3
中引入pinia+数据持久化储存(pinia-plugin-persistedstate)
1、按装piniayarnaddpinia@pinia/nuxt#或者使用npmnpminstallpinia@pinia/nuxt2、安装pinia-plugin-persistedstatenpm:npmipinia-plugin-persistedstateyarn:yarnaddpinia-plugin-persistedstate3、nuxt工程代码中注册插件(/plugis/pinia
jjww-135
·
2023-10-28 20:05
前端
Nuxt3
服务端渲染 、elementplus多皮肤黑暗模式
在上一节基础上,接下来我们来引入我们开发所需要的UI组件elementplus,实现顶部和底部整体布局以及配置黑暗模式。最终效果如下:基础模式黑暗模式一、引入组件//安装elementplus1、npminstallelement-plus--save//安装@element-plus/icons图标库2、npminstall@element-plus/icons二、然后在我们的plugins创建
胖奶奶与胖小伙
·
2023-10-26 14:00
nuxt3
javascript
开发语言
elementui
vue.js
前端框架
Nuxt3
项目搭建踩坑记录——项目初始化失败问题;
相关链接快速入门
Nuxt3
问题描述:近期在接手
Nuxt3
框架,再尝试搭建环境创建dome时,第一步就遇到问题:初始化项目失败;具体报错:ERRORError:Failedtodownloadtemplatefromregistry
前端白袍
·
2023-10-21 18:42
前端学习笔记——Vue篇
vue
Nuxt3
接入51la等网站统计
文章目录关于统计集成之路官网示例统计代码分析开干安装统计插件import导入插件配置插件id你们做网站会不会关注有多少人访问呢?我是会关注的。把自己的内容分享出来,让过多的的人看到是一件令人兴奋的事情,所以我就想要把我实现的每一个功能,都以文章的形式进行分享。那么怎么样能够知道有多少人点进来了呢?答案就是网站统计。关于统计网站统计这段时间闹得沸沸扬扬的,就是CNZZ这个统计厂商开始收费了,于是大家
浪漫花公子
·
2023-10-19 05:01
Nuxt3
javascript
前端
vue.js
Nuxt3
项目中集成element-plus UI库
Nuxt3
项目中集成element-plusUI库按上篇文章(
Nuxt3
项目搭建详细步骤)中创建初始化项目后就要引用ui库进行页面开发了。
showwaychen
·
2023-10-19 05:52
ui
vue.js
elementui
重构项目 vue2 => vue3 & nuxt2 =>
nuxt3
遇到的问题
vue3获取组件的上下文import{getCurrentInstance}from'vue';//获取当前组件实例constinstance=getCurrentInstance();//获取当前组件的上下文,下面两种方式都能获取到组件的上下文。//方式一,这种方式只能在开发环境下使用,生产环境下的ctx将访问不到const{ctx}=getCurrentInstance();//方式二,此方法
王——小喵
·
2023-10-13 06:48
重构
nuxt3
vue3让你写页面样式事半功倍的CSS框架-Unocss配置上手
简介:vue3让你写页面样式事半功倍的CSS框架-Unocss配置上手
nuxt3
配置:https://github.com/unocss/unocss/tree/main/packages/nuxt写法地址
至尊丨楷君
·
2023-09-30 18:38
css
前端
vue.js
typescript
宝塔Node部署
nuxt3
宝塔Node部署nuxt31、首先本地执行打包yarnbuild2、然后把目录中的这个文件压缩成zip3、在宝塔文件处添加一个网站的文件目录,并把文件解压到里面4、点击左侧的网站,然后选择node项目,选择node版本安装5、安装完后,点击新建项目,选择你放项目的文件夹,启动项选择自定义启动命令,选择.output目录下的index.mjs.output/server/index.mjs6、端口默
AH_HH
·
2023-09-28 03:25
VUE
nuxt3
node
node.js
nuxt3部署
Nuxt3
打包部署到Linux(node+pm2安装和运行步骤+nginx代理)
由于前端第一次使用
Nuxt3
框架,后端也是第一次部署
Nuxt3
项目,所以刚开始出现了很多问题。在我上网搜索很多教程后,得到了基本的流程。
Frank Zhang
·
2023-09-24 16:45
linux
nginx
运维
SEO方案尝试--Nuxtjs项目基础配置
Nuxtjs最新版
Nuxt3
项目配置安装nuxtjs最新版
Nuxt3
参考官网安装安装插件安装ElementPlus页面怎么跳转,路由怎么实现404页面该怎么配置配置网页的title安装nuxtjs最新版
Liszter
·
2023-09-22 08:50
javascript
前端
nuxtjs
Nuxt3
SEO
瀑布流思路以及简单实现和组件封装代码(
Nuxt3
)
瀑布流思路以及简单实现和组件封装代码个人博客同步地址:https://yujiezhang.space/blob/waterflow根据屏幕分辩率分为三种(可根据需求来变化)lg-1024px三栏分布md-768px两栏分布sm-640px单栏分布根据宽度来自动适配高度(纵横比来控制)如果说提前知道图片宽高的话,可以根据纵横比来进行页面的宽度控制,并且保证每一次的插入都是先找到最低的那个元素再进行
做一个程序员
·
2023-09-20 17:14
Nuxt3
前端
javascript
开发语言
Nuxt3
入门
1.SSR概念2.Nuxt3.Hydration概念二、
Nuxt3
准备1.Node版本2.nvm三、创建一个
Nuxt3
应用四、应用场景1.SSR2.SSG3.CSR总结扩展阅读前言上一篇文章(了解Vue3
前端咸鱼翻身
·
2023-09-18 17:53
Nuxt3
前端
前端框架
nodejs:本地安装nvm实现nodejs多版本管理及切换版本
一、背景-使用不同版本node的原因vue3+ts、
nuxt3
版本,node推荐使用node18。vue2、nuxt2,node建议使用node16,如果使用18版本,可能会启动不了项目。
snow@li
·
2023-09-08 10:42
前端
node
npm
nvm
nuxt3
引入postcss-px-to-viewport-8-plugin
1.安装插件npminstallpostcss-px-to-viewport-8-plugin--save-dev2.在nuxt.config.ts中引入/**@Description:*@Version:2.0*@Autor:ycw*@Date:2022-06-2715:48:03*@LastEditors:ycw*@LastEditTime:2022-06-2816:15:32*/import
Florenza
·
2023-09-06 22:40
问题解决
前端
nuxt3
项目使用pdfjs-dist预览pdf
使用的包的源代码是pdfjs-npm但是我们实际上项目中使用的是pdfjs打包后的dist文件,也就是pdfjs-dist-npm所以我们需要使用这个命令npmipdfjs-dist我们可以克隆pdfjs这个包来看源代码,里面有使用的例子,也可以根据源代码自己打包生成你想要的版本的pdfjs-dist,官方文档强调了对于新旧浏览器的区别,所以我们在使用dist包的时候也要注意浏览器的兼容你要是不嫌
我有一棵树
·
2023-09-06 22:38
pdf
前端自己写接口,
nuxt3
一把梭之连接mysql
在
nuxt3
中连接mysql由于项目需要,根据前端的参数来连接不同的数据库获取数据,我本身是个前端,奈何没有人给我写接口,刚好最近也在看
nuxt3
的东西,就用
nuxt3
一把梭了。
·
2023-09-06 21:13
Element-plus 虚拟表格 绑定单元行的双击事件、单击事件 (Vue3、
Nuxt3
)
更新:其实是有提供的,只是官网文档给的描述太隐蔽了,我没看出来是啥意思。。。element-plus虚拟化表格如何自定义事件_会做饭的二哈的博客-CSDN博客传入一个对象,里面的属性是原生DOM事件,比如onClick等下面的可以不用看了,是一些DOM操作,因为我不知道官方提供了这些。。。———————————————————————————————————————————一、引言由于做的内容需要
l煎饼果子
·
2023-09-03 08:47
Vue3.js
vue.js
前端
javascript
一招搞定
Nuxt3
中配置全局样式和全局变量
//nuxt.config.ts//https://nuxt.com/docs/api/configuration/nuxt-configexportdefaultdefineNuxtConfig({devtools:{enabled:true},css:['@/assets/style/global.less'],//全局样式vite:{css:{preprocessorOptions:{les
冰镇白干
·
2023-09-02 04:01
前端
npm
node.js
vue.js
json
【Nuxt实战】在
Nuxt3
项目中如何按需引入Element-plus
步骤一:安装ElementPlus和图标库首先,使用以下命令安装ElementPlus和它的图标库:npminstallelement-plus--savenpminstall@element-plus/icons-vue步骤二:安装NuxtElementPlus模块安装NuxtElementPlus模块:pnpmi@element-plus/nuxt-D步骤三:配置Nuxt项目在nuxt.con
冰镇白干
·
2023-09-02 04:00
Nuxt实战
前端
json
git
vue.js
elementui
[See How]简单聊聊前端渲染模式以及Nuxt3.js
原文链接:因卓诶-简单聊聊前端渲染模式以及Nuxt3.js前言最近的工作有涉及到ssr,所以这篇文章算是一个总结,并且对还在beta阶段的
nuxt3
做一个浅析。
因卓诶
·
2023-09-01 13:11
Nuxt3
与 Vue3 的 Server api 全栈开发之路
NuxtServerApi阅读时长:15分钟本文内容:国内关于
Nuxt3
的资料太少了,而
Nuxt3
又发布了没有多久,导致资料太少。
ifredom_
·
2023-09-01 07:21
Vue.js
vue
nuxt3
server
api
前端
pm2部署
nuxt3
项目
pm2部署
nuxt3
项目阅读时长:8分钟本文内容:本文其实前面开发AI数字人网站的延续。
ifredom_
·
2023-09-01 07:12
Vue.js
linux
pm2
nuxt3
linux
前端
Nuxt3
+ Naive UI 的SSG项目分享(二)
配置文件nuxt.config.tsNuxt3可以用一个nuxt.config文件轻松配置,该文件的扩展名可以是.js、.ts或.mjs配置参考:import{defineNuxtConfig}from'nuxt'import{loadEnv}from'vite'interfaceVITE_ENV_CONFIG{VITE_NODE_ENV:string,VITE_APP_BASE_API:stri
海棠疏雨htsy
·
2023-08-31 13:13
Nuxt3
+
Naive
UI
的SSG项目分享
javascript
前端
前端框架
vue.js
Nuxt3
+ Naive UI 的SSG项目分享(一)
搭建
Nuxt3
项目分享
Nuxt3
自从Vue3发布后,学习Vue3就形成了一个趋势和热潮。
海棠疏雨htsy
·
2023-08-31 13:43
Nuxt3
+
Naive
UI
的SSG项目分享
前端框架
vue.js
前端
html
Nuxt3+Vite+Pinia+Element plus 快速开发模版&部署
目录前言一、初始化项目二、项目目录简介三、主要功能点Layout布局路由(需注意nuxt2与
nuxt3
是有区别的)compositables方法自动导入plugins需要运行的JS插件useFetch请求封装四
alun.zhang
·
2023-08-31 13:11
vue.js
javascript
前端
elementui
sass
Nuxt3
正式版发布,教你用vite+nuxt+pinia+vueuse搞定前端SSR项目
大厂技术坚持周更精选好文前言翘首期盼,终于终于,稳定版的
Nuxt3
它来了,它带着六亲不认的步伐走过来了~11月16日,全球最大的Nuxt会议NuxtNation2022在线举行,并正式发布了Nuxt.js3.0
徐小夕@趣谈前端
·
2023-08-31 13:06
前端
javascript
开发语言
ecmascript
初次使用
Nuxt3
脚手架遇见的问题
关于Nuxt概念在了解Nuxt之前,我们先来了解一下创建一个现代应用程序,所需的技术:支持数据双向绑定和组件化(Nuxt选择了Vue.js)。处理客户端的导航(Nuxt选择了vue-router)。支持开发中热模块替换和生产环境代码打包(Nuxt支持webpack5和Vite)。兼容旧版浏览器,支持最新的JavaScript语法转译(Nuxt使用esbuild)。应用程序支持开发环境服务器,也支持
阿泽不会飞
·
2023-08-29 14:26
报错
Nust.js
报错
SSR
Vue 3 和 Nuxt 3 的特性
Vue3和
Nuxt3
的特性Vue3是Vue.js的最新版本,它在坚持了Vue.js的简约、灵敏、易用的特性的同时,引入了许多新的特性和改良,如:组合式API:一种新的编写组件逻辑的方式,能够更好地组织和复用代码
·
2023-08-18 16:26
vue-3nuxtjs3
Nuxt3_1_路由+页面+组件+资源+样式 使用及实例
1.2环境搭建安装项目:npxnuxi@latestinit[first_nuxt3]进入项目目录:cd[first_nuxt3]安装依赖:npminstall启动项目:npmrundev–-o至此,一个
nuxt3
fighting Ably!
·
2023-08-17 09:19
nuxt路由
nuxt组件
nuxt资源样式
前端食堂技术周刊第 93 期:7 月登陆 Web 平台的新功能、Node.js 工具箱、
Nuxt3
开发技巧、MF 重构方案
美味值:口味:橙橙冰萃美式食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。技术资讯Deno八月更新Deno1.36更灵活的权限控制、DenoDeploy可过滤、搜索的持久化日志、Fresh1.3路由组件简化。VSCode发布July2023(version1.81)Svelte的新功能
童欧巴
·
2023-08-08 12:55
技术周刊
前端
node.js
重构
【
nuxt3
】
nuxt3
页面跳转过渡效果实现
NUXT3
系列文章目录【
nuxt3
】项目中使用svg7步带你了解https://blog.csdn.net/weixin_49014702/article/details/128414398?
前端 小羽ゞ
·
2023-07-31 21:14
nuxt3
前端
nuxt3
初始化项目后配置eslint+prettier
1、安装eslint、eslint-config-prettier、eslint-plugin-prettier、prettierarnaddeslinteslint-config-prettiereslint-plugin-prettierprettier-Deslint-config-prettier:关闭eslint中与prettier相互冲突的规则。eslint-plugin-pretti
隔壁老王小媳妇
·
2023-07-29 00:33
前端
javascript
开发语言
NUXT3
学习笔记2
1、配置AntdesignVue(两个安装方式随便选一种,yarn会安装的更快)npmiant-design-vue--saveyarnaddant-design-vue2、使⽤的Vite,你可以使⽤unplugin-vue-components来进⾏按需加载。yarnaddunplugin-vue-components--save在nuxt.config.ts中引⼊importComponent
隔壁老王小媳妇
·
2023-07-29 00:02
学习
笔记
vue.js
NUXT3
学习笔记3
⾸先我们先看⼀下项⽬⽬录:project-name├──node_modules├──public│└──favicon.ico├──app.vue├──nuxt.config.ts//
Nuxt3
项⽬的配置
隔壁老王小媳妇
·
2023-07-29 00:02
学习
笔记
前端
nuxt3
新建项目报错 nuxi init Failed to download template from registry
Error:Failedtodownloadtemplatefromregistry:requesttohttps://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.jsonfailed,reason:connectECONNREFUSED0.0.0.0:443node需要是16版本以上,只需要设置dns114.114.
zhongli_
·
2023-07-28 06:33
node.js
ip
nuxt3
fullpage.js踩坑, fullpage.js 全屏滚动
nuxt3fullpage.js踩坑,fullpage.js全屏滚动,fullpageisunderfind我用的是@nuxt3.6.11.引入fullpage.js(3.0.1),下载地址github链接,下载后放到assets文件下app:{head:{script:[{src:'/assets/fullpage.js',type:"text/javascript",body:true}],}
一头小绵羊
·
2023-07-22 14:56
javascript
开发语言
ecmascript
2-《手把手教您使用
Nuxt3
框架(
Nuxt3
中文开发教程)》初识
Nuxt3
《手把手教您使用
Nuxt3
框架(
Nuxt3
中文开发教程)》全文电子档将分章节陆续在“nuxt”微信订阅号原创发布,敬请关注。
DVTOP
·
2023-07-22 13:51
Nuxt3中文开发教程
webpack
javascript
前端
vue.js
node.js
nuxt3
如何监听路由变化?
nuxt3
如何监听路由变化?
一头小绵羊
·
2023-07-22 13:20
javascript
前端
vue.js
nuxt
基于
nuxt3
的语雀文档批量导出
项目由来语雀是一个不错的笔记与文档知识库,但是最近发现他开始割韭菜了,知识库的公开开始收费,就想着把内容都导出自己来部署,发现并没有批量操作,amazing,不过还好有api,那就来造一个批量导出吧技术栈由于CORS,这里选了
nuxt3
forguo
·
2023-07-17 22:44
语雀文档批量导出
语雀文档导出
语雀导出
Nuxt3
components公共组件
1.目录结构效果实现:写一个公共的right组件,在index和about页面同时引用它2.index页面引入index页面显示效果about页面引用及效果
键指江湖
·
2023-07-16 09:11
Nuxt3
nuxt3
components
Nuxt3
数据获取
在服务端获取数据因为
Nuxt3
是SSR的方案,所以你可能不仅仅只是想要在浏览器端发送请求获取数据,还想在服务器端就获取到数据并渲染组件。
GUOZHUOYUE.
·
2023-07-16 04:11
Vue
前端
javascript
开发语言
Nuxt3
引入Element-plus和sass
1.引入Element-plus打开编辑器终端运行npminstall@element-plus/nuxt或者命令行cd到项目文件运行npminstall@element-plus/nuxtpackage.json文件会出现使用Element-plus在nuxt.config.ts文件添加代码exportdefaultdefineNuxtConfig({devtools:{enabled:true
键指江湖
·
2023-07-14 01:45
Nuxt3
sass
element-plus
nuxt3
Nuxt3
学习总结(05)
nuxt.config.ts配置详解nuxt.config.ts文件中常见配置选项:importtype{NuxtConfig}from'nuxt';constconfig:NuxtConfig={//全局页面标题:https://go.nuxtjs.dev/config-headhead:{title:'MyApp',meta:[{charset:'utf-8'},{name:'viewport
叶落风尘
·
2023-06-22 19:07
前端
学习
前端框架
Nuxt3
学习总结(02)
默认资源目录在Nuxt.js中,资源文件包括样式表、字体、图片、视频、音频等文件都可以放在public目录下。当应用启动时,Nuxt.js会将public目录下的所有文件复制到应用的根目录下,这样这些文件就可以像其他资源文件一样被引用了。同时,public目录下的文件请求路径为/,不需要加上目录名。除了public目录,Nuxt.js还提供了一个特殊的目录assets,这个目录用来存放应用的公共资
叶落风尘
·
2023-06-21 15:12
前端
javascript
开发语言
Nuxt3
学习总结(04)
状态管理useStateuseState是一个ssr友好的ref替换,用于创建响应式的且服务端友好的跨组件状态,它的值将在服务器端呈现之后保存(在客户端hydration作用期间),并使用唯一的键在所有组件之间共享。因为useState中的数据将被序列化为JSON,所以它不包含任何不能序列化的内容,例如类、函数或符号,这一点很重要。useState()的两种用法,一个接收提供初始值的工厂函数,另一
叶落风尘
·
2023-06-21 15:12
前端
学习
前端
Nuxt3
学习总结(03)
defineEventHandlerdefineEventHandler是一个函数,用于定义可复用的事件处理器函数。在Vue或Nuxt.js应用中,通常会定义一些事件处理器函数,以便在不同的组件中重复使用。这些处理器函数可能会接收一些参数,然后根据参数执行相应的逻辑。使用defineEventHandler可以让我们更方便地定义和管理这些事件处理器函数。它接收两个参数:logic:这是一个函数,用
叶落风尘
·
2023-06-21 15:11
前端
学习
前端框架
Nuxt3
实战系列之网络请求篇
Nuxt3
提供了4种方式使得我们可以异步获取数据useAsyncDatauseLazyAsyncData(useAsyncData+lazy:true)useFetchuseLazyFetch(useFetch
前端码农小王
·
2023-06-20 19:29
javascript
前端
java
nuxt3
学习(上)
目录结构.nuxtNuxt使用.nuxt/目录在开发中生成您的Vue应用程序。整个目录将在运行nuxtdev时重新创建。.output目录Nuxt在为生产构建应用程序时创建.output目录,整个目录将在运行nuxtbuild时重新创建。assets目录assets/目录用于添加构建工具(webpack或Vite)将处理的所有网站资源,包含css、img、font等components目录comp
叶落风尘
·
2023-06-16 13:38
前端
学习
Nuxt3
学习总结(01)
起步1、安装NuxtnpxnuxiinityarninstallyarndevSSR、SWR和staticSSR、SWR和static都是前端开发中的概念SSR(ServerSideRendering)是一种服务端渲染技术,它可以将数据从服务器传递到客户端,然后在客户端上进行渲染。与SWR不同的是,SSR可以在服务器端生成HTML代码,然后将其发送到客户端进行呈现。这种技术可以提高网站的性能和SE
叶落风尘
·
2023-06-16 13:38
前端
学习
javascript
前端
Nuxt3
项目搭建(Nuxt3+element-plus+scss详细步骤)
小聊:本次记录一次使用
Nuxt3
搭建前端项目的过程,内容包含
Nuxt3
的安装,基于Vite脚手架(默认)构建的vue3项目,element-plus的安装配置(可选),scss的安装(可选),目录结构的创建和解释
白忆宇
·
2023-06-13 08:05
前端点滴记录
技术操作杂谈
vue.js
前端
scss
elementui
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他