Announcing Vue.js Support in Titanium


0 Flares

0 Flares


×

A few weeks ago, we announced official support for Angular 6 in Titanium, enabling developers to combine the full ecosystem of Titanium with the powerful toolset of Angular. The tech preview was open sourced via @appcelerator/titanium-angular and will receive more contributions over the next few months.

Today, we are pleased to announce another powerful integration that many of our customers and open source developers asked
for: Titanium x Vue!

You will be able to combine the maturity of the Titanium SDK with Vue.js, “a progressive, incrementally-adoptable JavaScript framework for building UI on Web” – and now natively!

Here is a really tiny example of Titanium x Vue in action:

import Vue from 'titanium-vue';

new Vue({
  template: `
    <tab-group ref="tabGroup">
      <tab :title="'Tab1'">
        <window :title="'Tab 1'">
          <label @click="onClick">Label 1</label>
        </window>
      </tab>
      <tab :title="'Tab 2'">
        <window :title="'Tab 2'">
          <label :style="{ color: 'red' }">Label 2</label>
        </window>
      </tab>
    </tab-group>`,

  methods: {
    onClick() {
      alert('Nice click!');
    }
  },
  mounted: function() {
    this.$refs.tabGroup.open();
  }
}).$start();

You can also reuse existing Vue.js editor integrations, like:

Different to the Angular integration, we decided to open source the Vue project from the beginning, enabling the open source community to try out and contribute to the new project. Make sure to visit @appcelerator/titanium-vue today, with more changes coming over the next months.

Both the Angular and Vue integrations will be first-class citizens in the Titanium ecosystem, with Alloy of course still being maintained as well. We want developers to choose their best possible solution for developing native cross-platform apps!

We are working hard on getting more samples and docs ready. Follow us via Twitter or reach out to the open source community on TiSlack and its new #titanium-vue / #titanium-angular channels.

Code strong!  🚀


0 Flares



Twitter


0








Facebook


0








Google+


0








LinkedIn


0








Email


--






0 Flares


×

4 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Adrian

    The GitHub repo says don’t use in production. Is that still the case then?

    • Hey Adrian! The project was open sourced this week, but requires more work for larger use-cases. If you run into issues while deploying it to production, feel free to open a new issue on GitHub or JIRA and it will be looked into!

  2. Raymond Verbruggen

    Thank you!!
    This is great news!!

  3. Raymond Verbruggen

    Great! Thank you.

Sign up for our blog!

computer and tablet showing Appcelerator software
Start free, grow from there.
0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Email -- 0 Flares ×