Nuxt.js
关于Nuxt.js的专栏
ZhandsomeZ
走过的路脚记得,爱过的人心记得
展开
-
nuxt.js页面布局和异步请求数据
前端数据模拟 自定义数据,然后用map做映射也可以做降级原创 2020-12-20 14:24:55 · 1267 阅读 · 0 评论 -
现代化的服务端渲染-同构渲染
拨云见日本篇文章主要是讲解传统的服务端渲染、客户端渲染,以及同构渲染,希望可以帮助到大家仅限于描述不涉及原理,望大家勿怪渲染什么是渲染,渲染 = 数据和模板添加到一起对于前端开发者来说最常见的场景就是,向后端请求接口,把请求到的数据通过模板绑定语法,将数据绑定到页面中最终呈现给用户,那么这个过程中就叫做渲染,渲染的本质其实就是字符串的替换实现方式有很多种传统的服务端渲染服务端渲染原理/流程:1、客户端发起请求2、服务端响应请求通过数据库查询页面所需数据3、服务端得到所需.原创 2020-12-20 14:19:53 · 273 阅读 · 0 评论 -
Nuxt.js路由篇
开门见山本篇文章主要是介绍Nuxt.js路由,分别有普通路由、嵌套路由,路由导航,编程式路由,动态路由原创 2020-12-19 20:15:14 · 1386 阅读 · 1 评论 -
功能开发-城市跳转
222原创 2020-09-06 17:31:19 · 13771 阅读 · 0 评论 -
城市搜索功能实现
222原创 2020-09-06 16:51:32 · 7942 阅读 · 0 评论 -
搜索框功能实现
搜索框功能实现在开发搜索框过程中需要实现两个小功能,技术栈是nuxt.js 功能描述如下功能1:当鼠标聚焦的时候搜索框下方出现热门推荐,如下图所示功能2:当输入搜索内容的时候,热门推荐消失,出现搜索结果,也就是功能1和功能2为互斥性HTML代码<el-col :span= "12" class="center"> <div class="wrapper"> <el-input v-model="search" .原创 2020-09-05 15:39:07 · 14417 阅读 · 0 评论 -
在Nuxt.js如何使用Vuex最新教程
简介原创 2020-09-05 14:30:39 · 15345 阅读 · 1 评论 -
Nuxt-Vuex篇
简介本篇文章主要是介绍在nuxt中介绍怎么使用vuex原创 2020-09-04 10:11:08 · 10649 阅读 · 0 评论 -
Nuxt.js中通过elementui实现省市三级联动
####2222原创 2020-09-03 09:18:17 · 13881 阅读 · 0 评论 -
淘宝侧边栏鼠标滑动功能实现
简介在项目开发过程中遇到了一个实现淘宝侧边栏的功能,这个功能想了半天,最终终于做出来了,其实也没那么复杂,主要是数据解构设计的合理即可,原创 2020-09-03 09:17:04 · 529 阅读 · 0 评论 -
Nuxt-工作流篇
简介原创 2020-09-02 11:08:16 · 6886 阅读 · 0 评论 -
VueSSR-Nuxt.js篇
简介112233445566778899100原创 2020-09-02 11:07:40 · 7126 阅读 · 0 评论 -
Nuxt-保存登陆状态篇
简介nuxt如何处理用户登录状态持久化:nuxtServerInit 页面渲染前的store处理vue-cli项目中,我们可以用vuex-persistedstate,它可以使vuex的状态持久化,页面刷新都不会丢失,原理当然localStorage啦!当然也可以使用vue-cookies进行保存token,问题来了,nuxt项目怎么保存登录状态呢?当然上面这两种方法我们都可以使用,但是有个问题,由于在created钩子中不存在window对象(获取cookie、localStora.原创 2020-09-01 06:43:42 · 13043 阅读 · 0 评论 -
Nuxt使用axios跨域问题解决方法
简介Nuxt 是 Vue 项目服务器端渲染(SSR)解决方案。而在使用时,就会遇到前后端分离情况下的域名或端口不一致导致的跨域问题本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题解决跨域Nuxt 使用 axios 为避免出现前端页面跨域问题,需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。yarn安装yarn add axios @nuxtjs/axios @nuxtjs/proxynpm安装 npm install a.原创 2020-09-01 06:42:26 · 14700 阅读 · 0 评论 -
VUE SSR-概念篇
什么是vue ssr?vue官网上对此ssr的定义:Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行。个人理解vue的组件是基于vnode的,整.原创 2020-08-23 07:27:26 · 14877 阅读 · 2 评论