Vue.js 2 framework

[skiabox]

Ανοίγω το thread για να συζητάμε εδώ για το Vue.js framework

 

Ορίστε και η home page του framework :

 

http://vuejs.org/

 

Γενικά είδα τον γνωστό Udemy tutor Maximilian να είναι πολύ ενθουσιασμένος λέγοντας ότι το Vue.js 2 έχει πάρει τα καλύτερα στοιχεία από την Angular 2 και από το React.

 

Ορίστε και ένα μικρό κομμάτι κώδικα :

 

index.html :

<div id="app">
    <input type="text" v-on:input="changeTitle">
    <p>{{ title }}</p>
</div>

script.js :

new Vue({
    el: '#app',
    data: {
        title: 'Hello World!'
    },
    methods: {
        changeTitle: function (event) {
            this.title = event.target.value;
        }
    }
});

Ο κώδικας κάνει αυτό που φαντάζεστε.

Αλλάζει σε real time το text της html σε ότι γράφουμε στο input box.

[παπι]

Αρκετα λαιτ στο ταμπετ. Σιγουρα θα το δω! Thx for share.

[skiabox]

Αν χρησιμοποιήσουμε και Ecmascript 6 μέσω Babel έχουμε σχεδόν τον ίδιο κώδικα :

let app = new Vue({
    el: '#app',
    data: {
        title: 'Hello World!'
    },
    methods: {
        changeTitle: function (event) {
            this.title = event.target.value;
        }
    }
});

Ορίστε και το codepen !

 

https://codepen.io/skiabox/pen/zobeMR

Εντωμεταξύ μάλλον είναι Έλληνας ο creator του vuejs framework από ότι διαβάζω!

[Predatorkill]

Θα τελειωσω κατι μαθηματα ακομα στη angular 2 και μετα θα δω το μαθημα του max. Απο λιγο που ειδα φαινεται πολυ πιο ευκολη και απο react και απο angular 2.

[skiabox]

Θα τελειωσω κατι μαθηματα ακομα στη angular 2 και μετα θα δω το μαθημα του max. Απο λιγο που ειδα φαινεται πολυ πιο ευκολη και απο react και απο angular 2.

Λες να έχουμε την έκπληξη;

Λέω έκπληξη γιατί πίσω από τα άλλα 2 frameworks/libraries βρίσκονται τεχνολογικοί κολοσσοί. 

[skiabox]

Λίγη διαφήμιση ακόμα :

 

http://gitmostwanted.com/?term=&lang=All&status=promising&mature=1

[Zaytsev]

Το popularity καθορίζει την πορεία κάθε framework κι αυτό εξαρτάται από πολλούς παράγοντες, όχι μόνο την ευκολία.

Θα δείξει πως θα πάει.

[doctor_667]

Εντάξει, έχει καταντήσει λίγο αστείο αυτό με τα JS frameworks, από τη μία δείχνει ότι το ecosystem είναι αυτή τη στιγμή το πιο αναπτυσσόμενο αλλά είναι δύσκολο να ακολουθήσει κανείς τι γίνεται. Νομίζω ότι το vue δεν θα ξεπεράσει τα άλλα 2 σε δημοφιλία και θα είναι θέμα συγκυριών και στήριξης παρά χρησιμότητας αλλά υπάρχουν ήδη άλλα frameworks γύρω από τα υπόλοιπα (ionic, react native, redux) που είναι δύσκολο να τα φτάσεις χωρίς κάτι αντίστοιχο.

[Predatorkill]

Υπαρχει το vuex και στο mobile δουλευει μια χαρα με cordova (οχι native φυσικα).

 

Εχει οντως ξεχειλωσει το θεμα με τα frameworks.

 

Ασχετο αλλα πιστευω η nativescript θα το ξεπερασει το ionic.

[Gilfoyle]

Για mobile υπάρχει το https://alibaba.github.io/weex/ της Alibaba.

 

Γενικά και πίσω από την Vue βρίσκεται κολοσσός.

 

Το ποιο framework είναι πιο "γρήγορο" δεν έχει καθόλου σημασία, γιατί δε θα το δει κανείς στην πράξη. Υπάρχουν πολλά άλλα πράγματα που μπορείς να βελτιώσεις μέχρι να σου φταίει η Angular (που είναι η πιο αργή από τα 3 γνωστά νομίζω).

 

Σημασία έχει τη ταιριάζει με το code style του καθενός. 

[alou]

Εμάς το μόνο που πρέπει να μας ενδιαφέρει είναι να ξέρουμε σε βάθος JS, να καταλαβαίνουμε σε ένα βαθμό τι γίνεται under the hood και να μπορούμε να μπούμε σχετικά εύκολα στο σκεπτικό οποιουδήποτε framework. Το μόνο σίγουρο είναι ότι είτε επιφανειακά είτε σε βάθος, θα χρειαστεί να ασχοληθούμε με όλα αυτά και πολλά ακόμα κάποια στιγμή και να μπορέσουμε να κλέψουμε ότι καλό concept έχουν να προσφέρουν.

[skiabox]

Οποιος έχει σχέση με Jetbrains products ας ρίξει μια ψήφο εδώ :

 

https://youtrack.jetbrains.com/issue/WEB-19082

[skiabox]

Ενα ωραίο άρθρο στο medium που συγκρίνει react με vuejs :

 

https://medium.com/js-dojo/react-or-vue-which-javascript-ui-library-should-you-be-using-543a383608d#.99vegjs1e

[skiabox]

Εκρηκτική η Vue.js στο github :

 

http://bestof.js.org/projects/trending/today

[Chemical]

Αν χρησιμοποιήσουμε και Ecmascript 6 μέσω Babel έχουμε σχεδόν τον ίδιο κώδικα :

let app = new Vue({
    el: '#app',
    data: {
        title: 'Hello World!'
    },
    methods: {
        changeTitle: function (event) {
            this.title = event.target.value;
        }
    }
});

Ορίστε και το codepen !

 

https://codepen.io/skiabox/pen/zobeMR

Εντωμεταξύ μάλλον είναι Έλληνας ο creator του vuejs framework από ότι διαβάζω!

Actually, εδω θα πρεπε να βάλεις δηλώσεις την app  ως const