Heim > Web-Frontend > js-Tutorial > Hauptteil

Warum wir uns für vue.js entscheiden

高洛峰
Freigeben: 2016-11-05 09:15:51
Original
1370 Leute haben es durchsucht

Vor ein paar Wochen hatte ich ein Gespräch mit einem Interviewer darüber, wie wir ein JS-Framework auswählen sollten. Er wies darauf hin, wie spannend es sei, wenn große Hersteller beginnen, ihre exklusiven Geheimrezepte preiszugeben. Innerer Monolog des Entwicklers: „Die von diesen großen Unternehmen geschriebenen Js unterscheiden sich von meinen. Sie sind ausgezeichnet und erfolgreich. Die Art und Weise, wie sie Js organisieren, ist besser als meine? Muss ich das akzeptieren?“

Ihre Geheimwaffe Es sollte Exzellenz sein, aber gehen Sie nicht davon aus, dass es aufgrund der Leidenschaft anderer Menschen überlegen ist. Sie würden keine Antwort von StackOverflow kopieren und einfügen, ohne sie zu verstehen. Warum sollten Sie also ein Framework kopieren und einfügen?

Das erinnert mich an die Zeit, als wir uns entschieden haben, Vue auf GitLab zu verwenden

Einfacher und einfacher zu verwenden

Der Hauptgrund, warum wir in Vue.js investieren, ist, dass es dem Team das Schreiben und Verwenden von JS erleichtert und JS vereinfacht. Der Einstieg in Vue.js ist ganz einfach. Der Quellcode ist gut lesbar, und wenn Sie nur die Dokumentation verwenden müssen, können Sie loslegen. Sie müssen keine zusätzlichen Bibliotheken verwenden. Kann bei Bedarf mit jQuery arbeiten. Es sind viele Plugins verfügbar, diese sind jedoch nicht erforderlich. Mir persönlich gefällt das elegante Vue.js. Es ist sehr einfach, Vue.js mit vorhandenem Code zu verwenden. Vue.js ist nicht mysteriös, seine unterste Ebene ist nur ein Objekt.

Nachdem ich mit vielen JS-Entwicklern gesprochen hatte, entdeckte ich ein interessantes Phänomen: Die Entwickler, die die meiste Zeit mit Angular verbringen, haben kein tiefes Verständnis von JS. Ich möchte nicht, dass mir und meinem Partner so etwas passiert. Warum schreiben wir „non-js“?

Das erinnert mich an die Situation, als ich Backbone verwendet habe. Ich muss es so trocken wie möglich halten (wiederholen Sie sich nicht), weil dieses Ding einfach ist ein leeres Blatt Papier, auf das Sie schreiben können. Vue.js macht nicht viel mit irgendetwas anderem, es konzentriert sich nur auf Daten.

Aber Vue.js schafft eine perfekte Balance zwischen dem, was Sie tun müssen, und dem, was es kann. Wenn Backbone Anarchie ist (niemand hat das Sagen), dann ist Angular ein Diktator (das Angular-Team ist für alles verantwortlich). Ich habe das Gefühl, dass Vue.js wie Kommunismus ist: Das Projekt liegt in Ihrer Verantwortung, aber Vue.js bietet Ihnen ein skalierbares, robustes und belastbares Sicherheitsnetz, das Ihnen hilft, effizienter zu programmieren und die Auswirkungen von DOM zu vermeiden.

Damit Sie verstehen, was ich denke, sehen Sie sich bitte die Code-Klick-Vorschau an.

<div id="journal"> 
  <input type="text" v-model="message"> 
  <div>{{message}}</div> 
</div>
Nach dem Login kopieren
var journal = new Vue({ 
  el: &#39;#journal&#39;, 
  data: { 
    message: &#39;Your first entry&#39; 
  } 
});
Nach dem Login kopieren

Wenn Sie sich jemals einige js-Bibliotheken angesehen haben, ohne sich auf die Dokumentation zu verlassen, schauen Sie nach Es ist nicht schwer, den Code im obigen Beispiel zu verstehen. In anderen Frameworks ist hier oft eine kurze Pause erforderlich. Sie sind zufrieden, wenn Sie die Beispiele für „Einsteiger“ ausführen. Aber die Sache wird kompliziert, wenn Sie für Ihr Geld, das Sie für ein Framework ausgeben, ein gutes Preis-Leistungs-Verhältnis erzielen möchten. Dies passiert bei Vue.js nicht und die praktische Anwendung ist so einfach wie das Dokumentationsbeispiel.

Vue.js GitLab bedeutet weniger Code

Welche Probleme löst dies für GitLab? Als ich beigetreten bin, wurde der gesamte Code in JQuery geschrieben, was kein Fehler ist, aber das erfordert mehr Code zur Lösung jedes Problems. Wir wissen, dass wir es besser machen können. Als wir anfingen, Vue.js zu verwenden, konnten wir komplexe Probleme schnell und kontinuierlich mit weniger Code lösen.

Geben Sie uns ein einfaches und praktisches Beispiel in der Nutzung unseres Projekts: In GitLab Issue wird der Status des Issues zwischen geschlossen und offen umgeschaltet. Dieser Wert muss häufig geändert werden und wird in vielen Ansichten verwendet. Mit JQuery benötigen Sie etwa 30 Codezeilen, um diese Funktion zu implementieren.

In Vue.js benötigen wir nur eine Zeile js-Code. Der andere Code, den wir hinzufügen, besteht darin, dem HTML einige zusätzliche Attribute hinzuzufügen.

Du Yuxi hast sogar ein Bunker-Framework erstellt und dabei geht es nicht nur darum, exzellenten Code zu schreiben. Sie benötigen eine hervorragende Dokumentation, eine starke Community, die jedem in der Gruppe beim Lernen hilft, Unterstützung durch eine unterstützende Bibliothek, eine große Anzahl von Plug-Ins, die Benutzern bei der Lösung von Problemen helfen, und eine Feedbackschleife, die auf Benutzerfeedback basiert und die Relevanz von sicherstellt der Rahmen. Vue.js ist eine Kombination aus all dem und nicht nur großartiger Code. Deshalb benutze ich es, was ist mit dir?


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage