BLACK FRIDAY - Get 35% off your Mastering Nuxt license!

Pengantar Modul Nuxt

Nuxt.js memiliki arsitektur yang sepenuhnya modular yang membuka kesempatan bagi pengembang untuk memperluas bagian apapun dari Nuxt Core menggunakan sebuah API yang fleksibel.

Anda dapat membaca Panduan Modul untuk mempelajari lebih lanjut apabila Anda tertarik untuk mengembangkan modul Anda sendiri.

Dokumen ini membantu Anda untuk akrab dengan internal Nuxt dan dapat digunakan sebagai acuan ketika Anda mengemabngkan modul Anda sendiri.

Core

Kelas-kelas berikut merupakan kelas utama dalam Nuxt dan tersedia baik pada saat waktu eksekusi maupun pada saat kode program dibangun.

Nuxt

Renderer

ModuleContainer

Build

Kelas-kelas berikut hanya dibutuhkan pada saat pengembangan atau pada saat kode program dibangun.

Builder

Generator

Common

Utils

Options

Pengemasan dan Penggunaan

Nuxt mengekspor seluruh kelas secara umum untuk mengimpor kelas-kelas tersebut:

import { Nuxt, Builder, Utils } from 'nuxt'

Pola-pola Umum

Seluruh kelas Nuxt memiliki sebuah acuan pada objek dan konfigurasi nuxt, sehingga Anda selalu mempunyai API yang konsisten pada seluruh kelas untuk mengakses options dan nuxt.

class SebuahKelas {
  constructor(nuxt) {
    super()
    this.nuxt = nuxt
    this.options = nuxt.options
  }

  sebuahFungsi() {
    // Anda memiliki akses terhadap `this.nuxt` dan `this.options`
  }
}

Kelas merupakan hal yang pluggable sehingga kelas harus mendaftarkan sebuah plugin pada objek nuxt utama supaya dapat menambahkan hooks tambahan.

class KelasFoo {
  constructor(nuxt) {
    super()
    this.nuxt = nuxt
    this.options = nuxt.options

    this.nuxt.callHook('foo', this)
  }
}

Sehingga, Anda dapat menambahkan hook pada modul foo dengan cara:

nuxt.hook('foo', foo => {
  // ...
})

Kontributor

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!