<nuxt-link> 组件 <nuxt-link> 组件 nuxt-link 组件用于在页面中添加链接至别的页面。 目前 <nuxt-link> 的作用和 <router-link> 一致，推荐阅读 Vue路由文档 来了解它的使用方法。 例如 (pages/index.vue )： <template> <div> ...

以编程形式使用 Nuxt.js Nuxt(options) 调试信息 以编程形式使用 Nuxt.js 如果你打算用自己的中间件和 API 运行你的服务端的话，你可以以编程的形式将 Nuxt.js 集成到你原有的应用中去。因为 Nuxt.js 基于 ES2015 编写，所以它的代码相对来说更有趣、更易读。它没用到任何的转译器，只依赖于 V8 内核中...

如何在 Nuxt.js 中使用 JSX？ 如何在 Nuxt.js 中使用 JSX？ Nuxt.js 使用 Vue.js 官方的 babel-preset-vue-app 做 babel 的默认配置。 你可以在组件的 render 方法中直接使用 JSX 而不需要做额外的配置： <script> export default { ...

如何将 Nuxt 应用部署至 Heroku？ 如何将 Nuxt 应用部署至 Heroku？ 推荐先去了解下 在 Heroku 里部署 node.js 应用的文档 。 首先，我们需要告诉 Heroku 安装项目的开发依赖包 devDependencies (以便能在 Heroku 环境下运行 npm run build )： heroku con...

如何在 Nuxt.js 应用中使用外部资源？ 全局配置 局部配置 如何在 Nuxt.js 应用中使用外部资源？ 全局配置 在 nuxt.config.js 中配置你想引用的资源文件： module . exports = { head : { script : [ { src : '...

如何在 Nuxt.js 中使用预处理器？ 如何在 Nuxt.js 中使用预处理器？ 得益于 vue-loader , 我们可以通过 lang 属性在组件中的<template> ， <script> 或 <style> 上使用各种预处理器。 举个例子，我们在 pages/index.vue 组件中使用 Pug ， CoffeeScript ...

如何部署至GitHub Pages？ 使用命令行进行部署 如何部署至GitHub Pages？ Nuxt.js 允许你将静态化后的站点部署至任何静态站点托管服务中，例如 GitHub Pages 。 部署至 GitHub Pages，首先需要将应用静态化： npm run generate 上述的命令会生成一个 dist 目录，该目录...

为什么 Nuxt.js 应用的页面会出现闪烁？ 为什么 Nuxt.js 应用的页面会出现闪烁？ 这是因为在开发模式 下，为了通过 Webpack 实现热加载，CSS代码是打包在 JavaScript 代码中，并动态打到页面中去，从而元素重绘引起了闪烁。 不用担心，在生产模式下，CSS代码会单独打包至独立的文件并置于head标签内，不会出现页面闪...

为什么 Nuxt.js 应用会出现重复的 Meta 标签？ 为什么 Nuxt.js 应用会出现重复的 Meta 标签？ 这是 vue-meta 组件的一个特性， 具体请参考 HTML 头部设置指引 。 为了避免子组件中的meta标签不能正确覆盖父组件中相同的标签而产生重复的现象，建议利用 hid 键为meta标签配一个唯一的标识编号。请阅读关...

Modules Exploring Nuxt Modules The modules Property Module development Modules Nuxt provides a module system to extend the framework core and simplify integrations. You don’t...