Nuxt
通过官方文档学习Nuxt.js的个人笔记
Whooooke
这个作者很懒,什么都没留下…
展开
-
Nuxt_04_配置
四、配置Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置。export default { mode: 'universal', target: 'server', head: { title: process.env.npm_package_name || '', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=d原创 2020-07-21 16:46:12 · 330 阅读 · 0 评论 -
Nuxt_03_目录结构
三、目录结构-|nuxtTest/ (项目根目录)--|assets/ (资源目录)--|components/ (组件目录)--|layouts/ (布局目录)--|middleware/ (中间件目录)--|node_modules/ ()--|pages/ (页面目录)--|plugins/ (插件目录)--|static/ (静态资源目录)--|store/ (Vuex状态树)--|.editorconfig ()--|.原创 2020-07-21 16:38:41 · 705 阅读 · 0 评论 -
Nuxt_02_安装
二、安装1、安装一个简单的项目只需将nuxt添加为依赖组件即可。2、运行create-nuxt-app脚手架工具:create-nuxt-app(一)使用脚手架新建一个nuxt项目:npx:$ npx create-nuxt-app <projectName>yarn:$ yarn create nuxt-app <projectName>选择集成的服务器端框架选择UI框架选择测试框架选择Nuxt模式(Universal或者SPA)添加axios m原创 2020-07-21 16:31:07 · 179 阅读 · 0 评论 -
Nuxt_01_介绍
一、简介1、关于Nuxt.jsNext.js→React的服务端渲染应用框架;Nuxt.js→Vue的服务端渲染应用框架;2、Nuxt.js是什么是一个基于Vue.js的通用应用框架;对客户端/服务端基础架构的抽象组织,关注的是应用的UI渲染;可以基于Nuxt.js初始化新项目的基础结构代码 或者 在已有的Node.js项目中使用Nuxt.js;nuxt genertate:为基于Vue.js的应用提供生成对应的静态站点的功能;提供的有用的特性:异步数据加载、中间件支持、布局支持等。原创 2020-07-21 16:26:21 · 183 阅读 · 0 评论