前端 --- Nuxt.JS
关注
分享
扫一扫
Nuxt.js是一个基于Vue.js的通用应用框架。主要关注的是应用的UI渲染。她简化了SSR的开发难度，而且还可以直接用命令把我们制作的vue项目生成静态html。利于SEO抓取。
庭前云落
天空下的夜我一人行走
展开
-
Nuxt整合 vuex
在nuxt中，只编写vuex的核心内容。编写内容//state区域，相当于定义变量export const state = () => ({ ...原创 2020-03-17 21:40:00 · 260 阅读 · 0 评论 -
Nuxt中安装使用Element-UI以及关于Nuxt的插件机制
1、安装如果创建项目时选择安装elment-ui，就不需要安装了npm install element-ui --save2、配置文件2.1、在plugin...原创 2020-03-12 15:43:00 · 833 阅读 · 0 评论 -
Nuxt.js学习(九) --- 静态应用部署、单页应用程序部署
[TOC]一、静态应用部署官方文档：Nuxt.js 可依据路由配置将应用静态化，使得我们可以将应用部署至任何一个静态站点主机服务商。可利用下面的命令生成应用的...原创 2020-01-07 17:33:00 · 1976 阅读 · 1 评论 -
Nuxt.js学习(八) --- 异步数据
[TOC]1、异步数据1.1、官方文档：Nuxt.js 扩展了 Vue.js，增加了一个叫 asyncData 的方法，使得我们可以在设置组件的数据之前能异步获...原创 2020-01-03 09:15:00 · 734 阅读 · 0 评论 -
Nuxt.js学习(七) --- Nuxt.js错误页面、个性化特定页面的 Meta 标签
[TOC]1、错误页面1.1、官方文档：你可以通过编辑 layouts/error.vue 文件来定制化错误页面.警告: 虽然此文件放在 layouts 文件...原创 2019-12-15 22:04:00 · 2185 阅读 · 0 评论 -
Nuxt.js学习(六) --- Nuxt.js布局
[TOC]1、布局1.1、官方文档:默认布局可通过添加 layouts/default.vue 文件来扩展应用的默认布局。提示: 别忘了在布局文件中添加 &...原创 2019-12-15 21:58:00 · 918 阅读 · 1 评论 -
Nuxt.js学习(五) --- Nuxt.js默认模板
[TOC]1、Nuxt.js的默认模板1.1、官方文档:定制化默认的 html 模板，只需要在应用根目录下创建一个 app.html 的文件。默认模板为：&...原创 2019-12-15 21:51:00 · 911 阅读 · 2 评论 -
Nuxt.js学习(四) --- Nuxt.js过渡动效
[TOC]1、Nuxt.js过渡动效1.1、官方文档：Nuxt.js 使用 Vue.js 的<transition>组件来实现路由切换时的过渡动效。...原创 2019-12-15 21:42:00 · 588 阅读 · 0 评论 -
Nuxt.js学习(三) --- Nuxt动态路由、路由参数、路由嵌套
[TOC]1、Nuxt的动态路由在 Nuxt.js 里面定义带参数的动态路由，需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。1.1、官方文档：以下...原创 2019-12-15 17:44:00 · 5531 阅读 · 2 评论 -
Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递...
[TOC]1、Nuxt目录结构详解Nuxt项目文件目录结构|-- .nuxt // Nuxt自动生成，临时...原创 2019-12-15 15:24:00 · 1472 阅读 · 0 评论 -
Nuxt.js学习(一) --- 让你清晰了解Nuxt.js、Nuxt.js环境搭建
[TOC]1、初识Nuxt.js官网：https://zh.nuxtjs.org/guide/Nuxt.js是一个基于Vue.js的通用应用框架。主要关注的是应...原创 2019-12-14 14:27:00 · 541 阅读 · 0 评论