nuxt.js是基于 Vue.js 创建的服务端渲染（ssr）应用框架。一般使用nuxt.js多是用来解决seo的问题。nuxt.js与vue.js的区别有： 路由： nuxt.js是按照pages文件夹的目录结构来自动生成路由。 vue.js则是需要在router/index.js中手动配置路由。 入口页面： nuxt.js的入口页面是layout
转载
2024-05-09 20:57:21
133阅读
nuxt.js项目怎么部署到服务器？今天我们来讲一下怎么部署一个基于nuxt 制作的网站，我们用nuxt制作的网站有什么好处？答：采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。nuxt部署方式nuxt.js官方为我们提供了两种部署的方式，一种是静态资源部署，一种是ssr形式部署。一、Nuxt.js和
转载
2024-06-10 12:24:23
280阅读
next类似于nextInt（只能输入整数）、nextDouble(只能输入双精度浮点数)，可以输入任意类型的值。有几段话对这个的总结比较好，我们先看一下这几段，再总结：首先，next（）一定要读取到有效字符后才可以结束输入，对输入有效字符之前遇到的空格键、Tab键或Enter键等结束符，next（）方法会自动将其去掉，只有在输入有效字符之后，next（）方法才将其后输入的空格键、Tab键或Ent
转载
2024-09-29 22:17:23
118阅读
Nuxt项目中使用vuexvuex官网: https://vuex.vuejs.org/zh/搭建Nuxt项目看这个博客: 带你从不懂到搭建第一个Nuxt项目Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：
引用 vuex 模块将 vuex 模块 加到 vendors 构建配置中去
vue.js 是单页面应用，但是对 seo 不友好，nuxt 是基于vue 开发的服务端渲染的框架，最后项目可以打包多个静态页面，解决了 seo 问题过度动效Nuxt.js 默认使用的过渡效果名称为 pageasyncDataasyncData 方法会在组件（仅限于页面组件）每次加载之前被调用，第一个参数是当前页面的 上下文对象，可以利用此方法从后台获取数据，Nuxt.js 会将 asyncDat
转载
2024-07-12 02:14:19
204阅读
Because Nuxt renders pages on the server, you should use the nuxt-link components to navigate between pages. Each time a page loads, you can check if
转载
2017-07-24 20:12:00
176阅读
2评论
1.element的时间选择提交的格式转化例如Fri Sep 07 2018 00:00:00 GMT+0800 (中国标准时间)
转化为 2020-01-11的格式复制代码这记载datepicker中添加一句value-format=”yyyy-MM-dd”<el-date-picker type="date" v-model="createdate" @change="formatTim
转载
2021-01-16 19:11:44
333阅读
2评论
1. Nuxt.js 概述
1.1 我们一起做过的SPA SPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中
1.2 什么是SEO SEO：搜索引擎优化（Searc
原创
2021-12-22 18:02:18
646阅读
1. Nuxt.js 概述1.1 我们一起做过的SPASPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。我们之前学习的Vue就是SPA中的佼佼者。SPA 应用广泛用于对SEO要求不高的场景中1.2 什么是SEOSEO：搜索引擎优化（Search Engine Optimization）, 通过各种技术（手段）来确保，我们的Web内容
原创
2022-01-12 15:01:07
430阅读
Vue项目改造nuxt1.安装nuxt如果 vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装npm install --save nuxt2.在你想要的目录下创建nuxt项目npx create-nuxt-app <项目名>创建会有一些选择，可以根据自己项目需要进行选择，因为我的项目用到了elementUi,axios,eslint，所有选了
Vue SSR 相比 SPA（单页应用）好处及坏处1、好处更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。更快的内容到达时间(time-to-content)，特别是对于缓慢的网络情况或运行缓慢的设备。2、坏处1）开发条件所限。浏览器特定的代码，只能在某些生命周期钩子函数(lifecycle hook)中使用；一些外部扩展库(external library)可能需要特殊处理，
转载
2024-08-09 20:07:04
25阅读
本文将介绍如何使用Nuxtjs对vue项目进行ssr和静态化处理。Nuxtjs简单介绍首先，我们简单了解下Nuxtjs框架，Nuxt.js是一个基于Vue的通用框架，主要用于解决Vue项目的服务端渲染(SSR)。
它本质上是一个Vue框架，增加一层node服务，通过对客户端/服务端的抽象封装，使用Nuxt各种资源配置，处理服务端渲染。
除了服务端渲染以外，Nuxtjs还提供生成静态化站点的能力。使
You can isolate parts of templates you want to re-use into components, but you can also reuse those components across pages using layouts. This lesson
转载
2017-07-25 20:33:00
103阅读
2评论
为什么使用nuxt.js?vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于
id为app的DOM元素上，这样会存在两大问题。由于资源请求量大，造成网站首屏加载缓慢，不利于用户体验。由于页面内容通过js插入，对于内容性网站来说，搜索引擎无法抓取网站内容，不利于SEO。
Nuxt.js 是一个基于Vue.js的通用应用框架，预设了利用Vue.js开发服务端渲染的应用所需要
You often use the same data in different ways across pages. This lesson walks you through setting up multiple pages, retrieving the same data, then di
转载
2017-07-25 21:25:00
91阅读
2评论
目录一、Nuxt3安装二、路由1、普通路由 2、动态路由3、获取路由参数4、路由跳转标签 5、路由跳转api三、静态资源四、常用标签1、title标签、useHead的API五、公共模板布局1、默认布局2、自定义公共模板3、动态自定义布局六、插件七、中间件八、存放api接口九、项目文件夹总结一、Nuxt3安装参考：安装 Installation | Nuxt 3 - 中文文档安
转载
2023-12-25 13:28:44
72阅读
Nuxt.js 是一个基于 Vue.js 的通用应用框架，它通过预设的目录结构和文件命名规则，提供了一种约定大于配置的方式来创建 Vue.js 应用。Nuxt.js 可以帮助我们快速构建服务端渲染的应用程序，提高应用程序的性能和用户体验。本文将介绍 Nuxt.js 的基本概念和使用方法，并提供一些示例代码帮助您深入了解 Nuxt.js。
Nuxt.js 的基本概念
在开始学习 Nuxt.js 之前
原创
2023-08-02 14:34:37
187阅读
Nuxt.js 是一个基于 Vue.js 的通用应用框架，它通过预设的目录结构和文件命名规则，提供了一种约定大于配置的方式来创建 Vue.js 应用。Nuxt.js 可以帮助我们快速构建服务端渲染的应用程序，提高应用程序的性能和用户体验。本文将介绍 Nuxt.js 的基本概念和使用方法，并提供一些示例代码帮助您深入了解 Nuxt.js。
Nuxt.js 的基本概念
在开始学习 Nuxt.js 之前
原创
精选
2024-02-08 09:31:42
207阅读
引言Vue.js和React.js是两个目前在前端开发领域非常流行的JavaScript框架。它们都有着广泛的应用和强大的社区支持。本文将重点讨论Vue和React之间的区别，帮助开发者选择适合自己项目需求的框架。组件化开发方式Vue和React都采用了组件化的开发方式，将UI界面拆分成独立的可复用组件。但是两者在组件化方面有一些差别。Vue的组件化开发在Vue中，组件是Vue实例的扩展。Vue组
原创
2023-11-24 15:24:14
191阅读
Vue对象提供的属性功能 一.过滤器过滤器，就是vue允许开发者自定义的文本格式化函数，可以使用在两个地方：输出内容和操作数据中。1. 全局过滤器 Vue.filter 写在vm 对象外。必须要有返回值。 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
