nuxt.js

Nuxt.js

Nuxt.js介绍移动互联网的兴起促进了web前后端分离开发模式的发展，服务端只专注业务，前端只专注用户体验，前端大量运用的前端渲染技术，比如流行的vue.js、react框架都实现了功能强大的前端渲染
IT_老王·2020-08-23 03:38

Nuxt_01_介绍

一、简介1、关于Nuxt.jsNext.js→React的服务端渲染应用框架；Nuxt.js→Vue的服务端渲染应用框架；2、Nuxt.js是什么是一个基于Vue.js的通用应用框架；对客户端/服务端基础架构的抽象组织
Whooooke·2020-08-23 03:03

nuxt模板的创建及使用（koa、sass）

目录概念特性流程图模板安装服务框架选项差异package.json的差异目录讲解Babelsass安装使用配置全局变量和mixin资源汇总概念Nuxt.js是一个基于Vue.js的服务端渲染应用框架。
_El-切图仔·2020-08-23 02:38

在nuxt.js中使用scss

安装npminode-sasssass-loaderscss-loader--save-dev在nuxt.config.js中配置(需要全局使用的scss)module.exports={css:['element-ui/lib/theme-chalk/index.css',{src:'~assets/css/index.scss',lang:'scss'},{src:'*.scss',lang:
Razas·2020-08-23 02:19

Nuxt.js 使用sass

安装loadernpminstall--save-devnode-sasssass-loader注意：1、语言设置lang="scss"2、../../改成~~或~3、nuxt版本^2.0.0，安装完loader就可以使用
彭世瑜·2020-08-23 02:53

Nuxt教程基础

Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。SSR服务器SSR在服务端将vue渲染成html返回给浏览器。
lianghaihsia·2020-08-23 01:59

大前端学习 -- NuxtJS

NuxtJS文章内容输出来源：拉勾教育大前端高薪训练营代码仓库地址：https://gitee.com/jiailing/nuxtjs-demo，在多个分支里都有代码一、Nuxt.js是什么一个基于Vue.js
爱玲姐姐·2020-08-23 01:52

nuxt.js 的使用

之前我们已经知道到了如何使用nuxt.js去创建一个项目，并且也知道里面有哪些文件，都有什么作用，现在我们就来用一下这个框架首先我们要知道项目的启动文件是：server/index.js，并且我们写组件页面的文件夹是
ghost_violets·2020-08-23 01:36

nuxt.js 安装

vue-V3.9.3npminstall-g@vue/cli-init（可以用vue-cli2.x版本用法）node8.11.3npm5.6.0全局安装npxvueinitnuxt-community/starter-template项目名配置端口号：package.json内配置"config":{"nuxt":{"host":"127.0.0.1","port":"1888"}}以及各种配置详
Yu_xiaoji·2020-08-23 01:54

vuejs全家桶之nuxt.js的使用

参考文档官网：https://nuxtjs.org/guide中文：https://zh.nuxtjs.org/guide/installation什么是nuxt.js?
RyleeLouth·2020-08-23 00:25

使用nuxt.js构建一个vue项目

使用nuxt.js构建一个vue项目简述过程：使用nuxt2.0官方脚手架，先全局安装npx，输入npmi-gnpx切换至创建项目的路径，输入npxcreate-nuxt-app’项目名称‘回车后，会出现一些配置项
AIU哎呀·2020-08-23 00:38

nuxt.js 安装，使用

一、创建项目，并运行终端运行npxcreate-nuxt-app（npx（npx在NPM版本5.2.0默认安装了）），填写完项目信息后进入项目目录运行npmrundev即可二、目录介绍具体参考官方文档目录部分介绍https://www.nuxtjs.cn/guide/directory-structure#%E7%9B%AE%E5%BD%95三、各个目录的使用方法1、assects目录和stati
john_xiaoweige·2020-08-23 00:43

nuxt 踩坑分享之 pages 命名

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。项目中页面目录结构如下图所示，文件中定义红色线框中的两
weixin_33688840·2020-08-22 19:52

【2】安装

安装Nuxt.js十分简单易用。一个简单的项目只需将nuxt添加为依赖组件即可。运行create-nuxt-app为了快速入门，Nuxt.js团队创建了脚手架工具create-nuxt-app。
青崖林夕·2020-08-22 18:57

Java的新项目学成在线笔记-day12（九）

3.1.4搜索页面创建搜索页面如下：页面文件参考：“资料”--》“search”--》index_1.vue，重要代码如下：nuxt.js支持定义header，本页面我们在header中引入css样式并定义头部信息
czbkzmj·2020-08-22 16:11

Nuxt.js学习之旅

前言Nuxt.js是一个基于Vue.js的通用应用框架，它预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。目前，Nuxt.js也是非常流行且广受关注的基于Vue的服务端渲染框架。
立青FTK·2020-08-22 16:50

(二)02 -路由——基础路由-pages的目录结构 & 路由参数校验-Nuxt.js在动态路由组件中定义参数校验方法 & 嵌套路由-通过vue-router的子路由创建Nuxt.js应用的嵌套路由

路由——基础路由-pages的目录结构&路由参数校验-Nuxt.js可以让你在动态路由组件中定义参数校验方法&嵌套路由-通过vue-router的子路由创建Nuxt.js应用的嵌套路由路由教程Nuxt.js
viceen·2020-08-22 15:39

VueJs+Axios+Nuxt.js+AntDesign实现豆瓣电影服务端渲染实战

简单过了下Nuxt.js官网所有内容，然后就简单写了个Demo进行练习。线上访问地址：http://39.97.124
darkCode·2020-08-22 15:55

Nuxt.js项目Docker部署和pm2部署

pm2部署pm2是一个node进程守护、监控、自动重启以及生成日志的软件，它可以帮你很好的管理node项目。安装node、pm2等必要依赖node安装，请参阅Node.js安装配置pm2安装，淘宝cnpm，可以加快镜像安装速度#淘宝npmnpminstall-gcnpm--registry=https://registry.npm.taobao.org#pm2安装npminstallpm2-g#软
嘉美伯爵·2020-08-22 14:50

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （三）

接前面二，下面我们实现右键菜单、http通信、路由。本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和开源库点赞，让我们更有动力去做好！本系列教程源码地址：Github目录搭建项目框架，教程一vuex，教程二右键菜单，教程三http通信，教程三
Alsmile·2020-08-22 13:48

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （二）

接前面一，下面我们利用vuex实现顶部导航栏事件和右上角状态栏。本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和开源库点赞，让我们更有动力去做好！本系列教程源码地址：Github一、利用vuex进行消息通信，发送菜单命令vue消息通信的方式很
Alsmile·2020-08-22 13:12

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （一）

本系列教程源码地址：Github一、创建项目框架1.使用Nuxt.js向导创建项目yarncreatenuxt-apptopology-vue//注意在后面提示
Alsmile·2020-08-22 13:40

Nuxt.js 实战集锦

读本文前，请先熟读nuxt官方文档，并且具备一定的vue.js相关开发经验中文文档英文文档vueSSR指南一、CSR和SSR对比在SPA之前的时代，我们传统的Web架构大都是SSR，如：Wordpress（PHP）、JSP技术、JavaWeb等这些程序都是传统典型的SSR架构，即：服务端取出数据和模板组合生成html输出给前端，前端发生请求时，重新向服务端请求html资源。SPA（CSR）:SPA
洁本佳人·2020-08-22 13:24

Nuxt.js实战和配置

前段时间刚好公司有项目使用了Nuxt.js来搭建，而刚好在公司内部做了个分享，稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学，主要讲下搭建过程中做的一些配置。
fengxianqi·2020-08-22 12:00

Vue全家桶+SSR+Koa2全栈开发美团网⑤——Nuxt.js基础

安装和启动nuxt.js项目npxcreate-nuxt-appnpmrundev在pages目录下创建的vue组件会直接展示在页面上，也就是在创建的v这个ue组件时一起创建了一个aaa的路由假如创建了一个
Vansal·2020-08-22 12:46

【Vue全家桶+SSR+Koa2全栈开发】（六） Nuxt.js基础

Nuxt.js基础Nuxt.js是一个基于Vue.js
一百个Chocolate·2020-08-22 11:20

Nuxt.js 的一个常见错误警告

在Nuxt.js的使用过程中会遇到这样一种错误：[Vuewarn]:Theclient-siderenderedvirtualDOMtreeisnotmatchingserver-renderedcontent.ThisislikelycausedbyincorrectHTMLmarkup
lxz·2020-08-22 11:20

nuxt系列【三】nuxt + element-ui + nuxt-i18n国际化，实现多语言

这里以中英文切换为例：1.安装nuxt-i18nnpminstallnuxt-i18n-S2.新建lang文件夹，放置语言包zh.jsconstzh={webTitle:'我的nuxt.js例子',index
bamboo吖·2020-08-22 04:09

IT界的术语

nuxt.js用js写的服务端渲染的前端框架，使得我们后端的代码不用动，可以实现服务端渲染。echarts可视化图表
一觉睡到小小时候·2020-08-21 22:42

Nuxt.js项目报错Cannot find module '@nuxtjs/axios'

FATALCannotfindmodule'@nuxtjs/axios'Requirestack:-D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js-D:\vue\VueBase\mt-app\node_modules\nuxt\dist\nuxt.js-D:\vue\VueBase\mt-app\server\index.jsE
没人要的破小孩·2020-08-21 05:15

vue+koa2 美团开发实战2-目录结构

工欲善其事必先利其器，前面我们知道了怎么利用Nuxt.js去创建项目，今天我们就来聊一聊利用Nuxt.js创建出来的项目的目录结构，了解了这些基本的东西，才能让我们在后面的开发中越来越得心应手。
秋殇阁·2020-08-21 04:10

React和Vue语法并排比较：状态管理

其它两篇：React.js和Vue.js的语法并列比较Next.js和Nuxt.js的语法比较议程创建StoreAction异步ActionReducer|MutationCombine-Reducers
杜尼卜·2020-08-21 03:09

推荐一个基于nuxt.js和springboot的前后端分离的脚手架

前言第一次发帖，好紧张啊，有没有潜规则，用不用脱啊，该怎么说啊，打多少字才显的有文采啊，我写的这么好会不会太招遥，写的这么深奥别人会不会看不懂啊，好激动啊，怎么才能装成是经常发帖的样子，好紧张啊。背景目前有很多优秀的开源javaEE开发框架，在各自的场景都发挥着很重要的作用，想当初在ssm框架横行的年代，也帮助了包括我在内的很多小白，在刚开始的时候，有一个好用的开发框架真的是事半功倍，不过java
zeal·2020-08-21 03:19

nuxt.js + typescript项目开发总结

最近从零到一开发了一个门户网站，因对seo有要求，所以选择nuxt.js搭配typescript，期间遇到不少问题，最终都一一解决了，留下一个demo供参考，如果能帮到大家，帮忙给个star，感谢！
elvira0702·2020-08-21 03:45

实战：Vue全家桶+SSR+Koa2实现美团网

mt-app.qkongtao.cn/)源码下载[码云](https://gitee.com/KT1205529635/mt-app)项目介绍实现功能项目安装打包部署上传之后参考技术文章项目演示地址高仿美团网源码下载码云项目介绍前端：Nuxt.js
不愿意做鱼的小鲸鱼·2020-08-21 02:30

HTML 转 PDF 图文报表实践

方法二：wkhtmltopdfVueSSR使用Vue.js，需要SSR支持，否则页面为空白使用Nuxt.js作为服务端渲染框架，这里记录
52admln·2020-08-20 21:15

HTML 转 PDF 图文报表实践

方法二：wkhtmltopdfVueSSR使用Vue.js，需要SSR支持，否则页面为空白使用Nuxt.js作为服务端渲染框架，这里记录
52admln·2020-08-20 21:14

Nuxt.js项目如何在asyncData ()生命周期中获取vuex实例

由于asyncData方法是在组件初始化前被调用的，所以在方法内是没有办法通过this来引用组件的实例对象。在asyncData方法中无法使用this，但是业务需求在该方法中调用vuex实例。虽然无法直接使用this来调用vuex实例，但是我们可以使用asyncData方法中的第一个参数：ctx（上下文对象），该参数包含了当前环境所有信息。通过ctx.store就可以获取到vuex实例。比如：as
改变自己比改变别人更容易·2020-08-20 14:25

Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验

vee-validate是为Vue.js量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则，可以组合使用多种校验规则，大部分场景只需要配置就能实现开箱即用，还支持自定义正则表达式。而且支持40多种语言，对本地化、多语言支持非常友好。国内饿了么团队开源项目ElementUI就用到了vee-validate。vee-validate官网：https://b
weixin_30563319·2020-08-19 04:28

Vue学习-Nuxt.js框架中Echarts与axios的使用

Nuxt框架介绍：Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。
Dennis_Shaw·2020-08-16 23:40

Nuxt 速度优化实战

减少请求数和请求大小懒加载相关资源验证cdn是否命中缓存加速请求prefetch,preload,preconnect优化缓存的设置利用服务端渲染特性，提前请求数据下面将详细介绍具体的分析过程1.减少请求数和请求大小引用官方文档Nuxt.js
小小小骆驼·2020-08-16 04:32

使用pm2实现nuxt.js的平滑重启

环境依赖nuxt.jspm2nginxlinux原理使用pm2来管理nuxt，启动两个不同端口的项目，再利用nginx切换反代端口具体流程修改对应的项目文件修改nuxt.config.js代理的端口号(在配置项中写port，就可以修改端口号，不需要用官网上说的那套)编译项目由pm2启动新的进程切换nginx代理的端口号pm2关闭旧进程以上操作如果全由人工操作，相当的繁琐，因此我写了一个自启脚本代码
符千青·2020-08-16 00:08

vue项目 nuxt渲染_使用Nuxt.js构建服务器端渲染的Vue应用

vue项目nuxt渲染Usageofstaticwebsitesareincreasinginpopularityrecently.It’snotasurpriseasstaticsitegeneratorsseemtohavebeengainingmorepopularrecentlytoo.Therearevariousstaticsitegeneratorswhichyoucanusetob
culiu9261·2020-08-15 22:34

vue、react等单页面项目应该这样子部署到服务器

服务端渲染：next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html
weixin_33921089·2020-08-15 20:56

使用Nuxt.js框架开发(SSR)服务端渲染项目

（SSR）服务端渲染的优缺点优点：1.前端耗时少，首屏加载速度快。因为后端拼接完了html，浏览器只需要直接渲染出来。2.有利于SEO。因为在后端有完整的html页面，所以爬虫更容易爬取获得信息，更有利于seo。3.无需占用客户端资源。即解析模板的工作完全交由后端来做，客户端只要解析标准的html页面即可，这样对于客户端的资源占用更少，尤其是移动端，也可以更省电。4.后端生成静态化文件。即生成缓存
Mokin_Zhao·2020-08-15 17:21

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）一直以来，开发环境和生产环境的数据接口域名不一样总是困扰着我每次打测试包或者线上包，我都得手动切换域名，我相信很多人的做法跟这差不多
青云码上·2020-08-15 15:23

Nuxt.js关闭ESLint代码检查

使用Nuxt构建的项目，默认是开启了ESLint代码检查，我们写的代码格式一点点不符合规范，如空格太多等问题的时候，npmrundev就会报err不能正常运行，这对于新手来说是非常头痛的。当然，我们可以关掉ESLint，只需要在nuxt.config.js中注释掉以下：build:{/***RunESLintonsave*///extend(config,ctx){//if(ctx.dev&&ct
Tiramisu_C·2020-08-15 14:03

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）

第一步：安装cross-env（这个迷你的包能够提供一个设置环境变量的scripts）npmicross-env-D第二步：配置BASE_URL和NODE_ENV在package.json文件中："scripts":{"dev":"cross-envBASE_URL=http://192.168.3.12/strategyServiceNODE_ENV=developmentnuxt","buil
MandiGao·2020-08-11 22:15

将Nuxt.js搭建的网站中css样式提取到一个css文件中

我的个人博客：原文戳这里开局先看一张图:::hljs-center[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0B3Nomwv-1582801084037)(http://static.brandhuang.com/HiBrand-15348122576590.png)]:::当你鼠标右键查看你的网站源码，不知道看到这样的一堆代码你内心有何感受呢？作为有强迫症的我
重庆崽儿Brand·2020-08-09 20:36

vue 推荐插件

vue全家桶axios、vue-router、vuexUI框架iView、Element-UI、Vant常用插件nuxt.js用于服务器渲染Vue项目的框架（利于seo）node-sass&sass-loaderscss
Jusme_wx·2020-08-09 05:56
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他