Please enable JavaScript.

Coggle requires JavaScript to display documents.

Nuxtjs - Coggle Diagram

- - - - Adding _ to the page name or directory name
      - Accessing actual file/directory name with params.fileName
    - - Called every time before loading component
      - Can be asynchronous
      - Returned object from this will be merged with data object
      - More info Doc
        
        Merge its return value into local state
        
        Only used in page-level components
        
        Can't access to this
        
        Receives context as argument
    - - Get asynchronous data
      - In server-side: Is called when rendering the route
      - In client-side: Is called when navigating
    - - Sets specific tags for the current page
      - Uses vue-meta
    - - Loading progress bar component
      - Customize Doc
        
        loading property on nuxt.config.js
        
        List of props
      - Disable Doc
        
        loading:false in nuxt.config.js
        
        disable in pages: loading:false
      - Control programmatically Doc
        
        this.$nuxt.$loading.start()
        
        this.$nuxt.$loading.finish()
        
        A note in doc
      - Internals Control Doc
        
        continuous
        
        duration
      - Custom loading component Doc
      - Indicators Doc
    - - Tells to Nuxt.js to scroll the page to the top before rendering the page in the child routes
    - - Defines a middleware for the page
      - Will be called before rendering the page
    - - To set up watcher for query strings
      - If a query changes, all components methods will be called
      - Watching is disabled by default to improving performance
    - - Rename the pages/ directory
  - - - Import Vuex by Nuxt.js
      - Add store option to the root Vue instance by Nuxt.js
- - - - We need set layout property in component to use our custom layout. Otherwise, the default layout will be used.
- - - - With head property
      - Adding default meta tags for all pages
  - - - Set title and description only in home page
      - To avoid any duplication with child components, use a unique identifier for hid