Skip to main content

Tarant Vue

Provide the capabilities to actors to be render using the vue framework.


add it to your project using npm install tarant-vue --save or yarn add tarant-vue


Extend the vue actor with a template and the properties to bind to the id of the actor will relate to the html component id

import { VueActor } from "tarant-vue";

export default class AppActor extends VueActor {
constructor() {
this.schedule(1000, this.incrementCounter, [])

private incrementCounter(): void {

private counter = 0;
readonly template : string = "<div>counter: {{counter}}</div>"

Initialize the actor system with the provided materializer

import { ActorSystem, ActorSystemConfigurationBuilder } from 'tarant'
import AppActor from './Actor/AppActor';
import { VueRenderer } from 'tarant-vue';

window.onload = () => {
const system = ActorSystem.for(ActorSystemConfigurationBuilder.define()
.withMaterializer(new VueRenderer())
Created my free logo at