nuxt.js
Eros1onz
这个作者很懒,什么都没留下…
展开
-
插件机制+自定义axios(五)
1. 插件1.1 插件机制nuxt提供插件,对已有程序增强或控制。编写插件步骤1)在 ~/plugins/ 目录下创建js文件2)在nuxt.config.js 文件进行注册3)其他组件进行测试配置插件执行位置1.2 自定义axios:实现步骤自定义axios目的:编写一个api.js文件,用于统一维护请求路径前提,修改nuxt.config.js,编写axio...原创 2020-03-19 11:26:22 · 218 阅读 · 0 评论 -
基于nuxt下asyncData,fetch发送axios请求(四)
1. 基于nuxt下asyncData,fetch发送axios请求1.1 普通ajax(nuxt和axios整合)使用前提:配置baseURL axios: { baseURL:'http://localhost:10010/api' },普通axios操作this.$axios 就可以获得axios实例,从而发送ajax//get请求this.$axios.ge...原创 2020-03-18 10:20:38 · 3917 阅读 · 0 评论 -
视图:默认模板+默认布局(自定义布局)+nuxt.js页面(三)
1.1 路由:过渡动画效果开发中,如果需要组件之间切换时,有切换效果,可以使用“过渡动画”切换:离开状态、进入状态步骤一:编写css,确定动画效果//内部规定 .*-enter-active, .*-leave-active 用于设置进入或离开动画效果// page 表示默认过渡效果.page-enter-active, .page-leave-active { ...原创 2020-03-17 11:59:08 · 261 阅读 · 0 评论 -
基本路由及动态路由(二)
1.nuxt.js1.1 路由1.1.1 概述nuxt.js 根据 pages 目录下的内容,自动生成路由。路由切换,建议使用 标签1.1.2 基本路由情况1:pages下的每一个名称(目录名称、文件名称)对应一个路径 pages/user/one.vue 对应访问路径 http://localhost:3000/user/one情况2:每一个文件夹下都有一个默...原创 2020-03-13 15:00:11 · 204 阅读 · 0 评论 -
初识Vue全家桶 Nuxt.js(一)
1.Vue全家桶 Nuxt.js1. nuxt.js 概述SPA 单页面web应用,vue.js可以实现SPA不利于SEOSEO:搜索引擎优化(增加收录、提高权重)SSR:服务器端渲染将前端拆分2部分:客户端和服务端服务器端渲染,就是让前端服务端的代码先执行,就可以提前获得后端提供的数据nuxt.js就是基于vue.js的SSR技术。1.2 nuxt.js 入门案例...原创 2020-03-13 14:54:21 · 229 阅读 · 0 评论