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
174阅读
2评论
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阅读
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
643阅读
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阅读
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项目怎么部署到服务器？今天我们来讲一下怎么部署一个基于nuxt 制作的网站，我们用nuxt制作的网站有什么好处？答：采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。nuxt部署方式nuxt.js官方为我们提供了两种部署的方式，一种是静态资源部署，一种是ssr形式部署。一、Nuxt.js和
转载
2024-06-10 12:24:23
280阅读
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阅读
1. Nuxt.js 路由配置 Nuxt.js 主要使用基于文件系统的路由（File System Routing），无需手动配置路由： pages/ ├── ind
The default behavior of submitting an HTML form is to reload the page. You can use the Vue.js @submit.prevent syntax to avoid that behavior. Then wire
转载
2017-07-25 20:58:00
407阅读
2评论
You'll begin to notice as you build out your actions in Vuex, many of them will look quite similar. Creating a remove action looks almost the same as
转载
2017-07-25 21:07:00
99阅读
2评论
1.引用npm install vue-paypal-checkout 2.定义paypal.jsimport Vue from 'vue'
import PayPal from 'vue-paypal-checkout'
Vue.component('paypal-checkout', PayPal)
3.plugins: [
{ src: '~/plugins/paypal.js',
转载
2021-05-05 18:07:59
1436阅读
2评论
VuexVuex是一个专门为Vue.js应用所设计的集中式状态管理架构，它借鉴了Flux和Redux的设计思想，但简化了概念，采用了一种为能更好地发挥Vue.js数据相应机制而专门设计的实现。Vuex是一个专为Vue.js应用开发的状态管理模式，采用集中式存储管理应用组件状态，并以响应规则保证状态以一种可预测的方式发生变化。# 安装Vuex
$ npm i vuex --S
# 引入
impor
转载
2024-08-23 19:08:34
43阅读
将Nuxt.js集成到现有的Vue项目中需要一些步骤，因为Nuxt.js是一个基于Vue.js的框架，具有自己的项目结构和约定。以下是实现这一集成的几种方法：方法一：逐步迁移到Nuxt创建一个新的Nuxt项目：npx create-nuxt-app my-nuxt-project将现有Vue组件迁移到Nuxt：将Vue组件从src/components复制到Nuxt的components目录更新组
nuxt 跑一跑
原创
2021-08-04 13:41:07
104阅读
简介：该教程兼容pc+移动端，如只需一端，可忽略兼容部分教程，根据需要运行的客户端构建项目nuxt3：https://www.nuxt.com.cn/docs/guide/directory-structure/pages
vue3：web开发框架 https://cn.vuejs.org/
vant官网：ui组件库，https://vant-contrib.gitee.io/vant/#/zh-
转载
2024-08-12 10:07:08
237阅读
