Ara Framework

Ara Framework

  • Docs
  • Blog
  • GitHub

›Nova Bridge

Getting Started

  • Nova architecture (Universal Rendering)
  • Nova architecture (Client-Side Rendering)
  • Quick Start
  • Render views on page

Tools

  • Nova Proxy
  • Nova Cluster

Nova Directives

  • Handlebars
  • Jinja2
  • Laravel Blade

Nova Bridge

  • What is it?
  • React
  • Vue.js

Nova Bindings

  • React
  • Vue.js
  • Angular
  • Svelte
  • Preact
Edit

Nova Vue Bridge

Install

npm install nova-vue-bridge

Usage

The Nova component requires the props name and data

  • name is the registered view in Hypernova.
  • data is the data necessary to render the view.
<template>
  <div class="container">
    <nova name="Example" :data="{ title: 'Ara Framework' }" />
  </div>
</template>

<script>
import Nova from 'nova-vue-bridge'

export default {
  components: {
    Nova
  },
}
</script>
← ReactReact →
  • Install
  • Usage
Ara Framework
Docs
Getting Started
Community
Stack OverflowTwitter
More
BlogGitHub
Follow @AraFramework
Copyright © 2020 Ara Framework