Nuxt.js
made with Vuejs

Nuxt.js

这是一个Vue.js APP的简约框架。

相关问答
暂无相关问题
查看全部
简介及使用教程

Nuxt.js是一个Vue.js APP的简约框架,用于创建通用Vue.js应用程序的框架,支持通用、静态生成或单页APP。

Nuxt.js的主要功能是是UI呈现,同时抽象化了客户端/服务器分布。

安装

Npm

npx create-nuxt-app <project-name>

Yarn

yarn create nuxt-app <project-name>

执行之后,需要按照提示选择服务端框架、UI框架、测试框架、Nuxt模式(通用或SPA)、添加axios模块、添加Eslint、添加Prettier。

运行(http://localhost:3000/)

cd <project-name>
npm run dev

示例

index.vue

<template>
  <div>
    <h1>Welcome!</h1>
    <NLink to="/about">
      About Page
    </NLink>
  </div>
</template>

<script>
export default {
  head: {
    title: 'Home page'
  }
}
</script>

image.png

about.vue

<template>
  <div>
    <p>Hi from {{ name }}</p>
    <NLink to="/">
      Home page
    </NLink>
  </div>
</template>

<script>
export default {
  asyncData () {
    return {
      name: process.static ? 'static' : (process.server ? 'server' : 'client')
    }
  },
  head: {
    title: 'About page'
  }
}
</script>

image.png

作者

相关项目

这是一个基于Tailwind CSS的Nuxt.js程序化Toast组件。
这是一个强大而易用、通用的、可执行的VUE UI组件库。
这是一个基于谷歌Material设计风格的UI组件库。
这是一个JavaScript CMS框架。
这是一个设计系统样板。
这是Bootstrap框架的Vue实现。
这是一个集成Semantic UI的Vue.js框架。