
Nuxt2+Nuxt3
文章平均质量分 95
nuxt3
_洋
一起学习吧
展开
-
Nuxt使用axios请求、loading页面配置——nuxt2
页面的loading效果可以在的loading配置项中,定义系统默认的loading效果,或者使用自定义的loading组件。配置loading组件在文件夹中配置loading值,如果是组件的话,loading值配置的是组件对应的文件路径:如:// 服务端渲染模式,同构......然后在components文件夹下新建文件,之后在该文件中编写对应的loading样式即可。编写Loading组件}),methods: {原创 2024-01-22 19:54:21 · 1591 阅读 · 0 评论 -
Nuxt路由——nuxt2
约定式路由是nuxt已经约定好的路由定义方式。nuxt的路由无需单独配置,他会自动读取作为,访问对应的路由地址就会显示对应的页面。在nuxt中标签相当于,相当于。Nuxt 路由的原理是基于 ,并根据文件名从 pages/ 目录中创建的每个组件生成路由。layout/default.vue是。layout/default.vuepages目录:goods.vue页面:pages/test/secondRouter.vue如果是,路由页面的名称是以开头的。动态路由中参数存储在中,可以通过该变原创 2024-01-19 14:08:45 · 1882 阅读 · 0 评论 -
nuxt的生命周期——nuxt2
nuxt搭建的vue框架的生命周期分三部分来看:nuxt的生命周期、vue的生命周期、其他的生命周期。一个用于处理store数据的钩子,只会执行一次,一般用于操作store数据的初始化。不同页面间需要操作相同的数据请求的时候,只要数据发生变化,Render都会重新渲染。运行在请求发出后,页面初始化之前,所以一般在页面中使用validata钩子。一般写在store文件夹中,运行在服务端,输出在服务端和客户端。// 异步业务逻辑,读取服务端数据交给vuex。// 异步业务逻辑,读取服务端数据。原创 2023-07-23 12:42:11 · 849 阅读 · 0 评论 -
nuxt的资源文件——nuxt2
资源文件就是指:js文件,css文件,图片,文本文件等。nuxt的资源文件一般放置在目录中,两者的区别是,static目录中的资源不会被 Webpack 处理,assets目录中的资源会被Webpack处理。原创 2024-01-30 14:18:39 · 606 阅读 · 0 评论 -
nuxt介绍——nuxt2
客户端渲染是指在前端进行页面的渲染,其中包含js内容进行页面的渲染(如循环遍历添加图片),但是搜索引擎大多数不识别js渲染出来的内容,所以seo不友好。上生成完整的HTML页面,然后将其发送到浏览器进行展示,所以他的内容就是通过html渲染的,搜索引擎很容易抓取到,所以说seo友好。seo 本质是一个服务器(搜索引擎)向另一个服务器(我们的网站)发起请求,获取内容(.如果我们希望我们的网站被抓取和索引,我们必须为他们提供HTML。客户端渲染和服务端渲染是页面渲染的两种方式。vue的服务端渲染需要依赖于。原创 2023-07-18 22:57:27 · 957 阅读 · 0 评论