Last active
August 29, 2015 13:56
-
-
Save ayamflow/8883206 to your computer and use it in GitHub Desktop.
Revisions
-
ayamflow revised this gist
Feb 12, 2014 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -16,7 +16,7 @@ * Performance: see this [performance comparison](http://vuejs.org/perf/) ##Untested stuff * ~~Not sure if Vue has an under-the-hood equivalent for [ng-src](http://docs.angularjs.org/api/ng.directive:ngHref) & [ng-href](http://docs.angularjs.org/api/ng.directive:ngSrc) (prevent 404 before compilation when binding images & links)~~~ Use the [v-attr directive](http://vuejs.org/api/directives.html#v-attr). * Don't know how testable Vue is, while Angular is built with testability (mocks, DI, karma…) in mind. Check the last paragraph on [this documentation page](http://vuejs.org/guide/application.html). ## Angular -
ayamflow revised this gist
Feb 12, 2014 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -16,7 +16,7 @@ * Performance: see this [performance comparison](http://vuejs.org/perf/) ##Untested stuff * ~~Not sure if Vue has an under-the-hood equivalent for [ng-src](http://docs.angularjs.org/api/ng.directive:ngHref) & [ng-href](http://docs.angularjs.org/api/ng.directive:ngSrc) (prevent 404 before compilation when binding images & links)~~~ href attribute in img cause a 404 error before compilation * Don't know how testable Vue is, while Angular is built with testability (mocks, DI, karma…) in mind. Check the last paragraph on [this documentation page](http://vuejs.org/guide/application.html). ## Angular -
ayamflow revised this gist
Feb 8, 2014 . 1 changed file with 2 additions and 0 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -12,6 +12,8 @@ * [!] Directives are kind of different: * Angular: DOM manipulation, Events, web components * Vue: DOM manipulation and Events only. Vue.component for the web components * Performance: see this [performance comparison](http://vuejs.org/perf/) ##Untested stuff * Not sure if Vue has an under-the-hood equivalent for [ng-src](http://docs.angularjs.org/api/ng.directive:ngHref) & [ng-href](http://docs.angularjs.org/api/ng.directive:ngSrc) (prevent 404 before compilation when binding images & links) -
ayamflow revised this gist
Feb 8, 2014 . 1 changed file with 1 addition and 1 deletion.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -22,7 +22,7 @@ * Full-blown framework: routing, services, DI, promises, $http... * Real structure & config (app.run, app.config) * $templateCache for building & caching templates * [Get complex](https://github.com/angular/angular.js/wiki/Understanding-Scopes) on large-scale with nested/isolated $scope, $apply/$digest cycles * ~80ko bare * Poor documentation, official tutorial doesn't cover directives and stuff (better with the community growth) * Dirty checking for data-binding -
ayamflow revised this gist
Feb 8, 2014 . 1 changed file with 1 addition and 2 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -24,11 +24,10 @@ * $templateCache for building & caching templates * Get complex on large-scale with nested/isolated $scope, $apply/$digest cycles * ~80ko bare * Poor documentation, official tutorial doesn't cover directives and stuff (better with the community growth) * Dirty checking for data-binding * Feels a bit like 'writing angular' more than 'writing javascript' * Still a great framework overall ## Vue + Component = pick'n'go * IE9+ -
ayamflow revised this gist
Feb 8, 2014 . 1 changed file with 5 additions and 4 deletions.There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -18,17 +18,18 @@ * Don't know how testable Vue is, while Angular is built with testability (mocks, DI, karma…) in mind. Check the last paragraph on [this documentation page](http://vuejs.org/guide/application.html). ## Angular * IE8+ (IE8 support is to be dropped in the future) * Full-blown framework: routing, services, DI, promises, $http... * Real structure & config (app.run, app.config) * $templateCache for building & caching templates * Get complex on large-scale with nested/isolated $scope, $apply/$digest cycles * ~80ko bare * Still a great framework overall * Poor documentation, official tutorial doesn't cover directives and stuff (better with the community growth) * Dirty checking for data-binding * Feels a bit like 'writing angular' more than 'writing javascript' ## Vue + Component = pick'n'go * IE9+ * Well written documentation with examples, and cover all of Vue's features -
ayamflow created this gist
Feb 8, 2014 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,43 @@ #[Angular.js](angularjs.org) / [Vue.js](http://vuejs.org/) similarities & differences ##Similar stuff * Same transtion API (enter/leave) * Filters * Two-way data-binding * Nested scope inheritance * Modules: * Angular enables to separate an application into [modules](http://docs.angularjs.org/guide/module) * Vue allows to encapsulate assets, check [Encapsulating private assets](http://vuejs.org/guide/composition.html) for more info * [!] Directives are kind of different: * Angular: DOM manipulation, Events, web components * Vue: DOM manipulation and Events only. Vue.component for the web components ##Untested stuff * Not sure if Vue has an under-the-hood equivalent for [ng-src](http://docs.angularjs.org/api/ng.directive:ngHref) & [ng-href](http://docs.angularjs.org/api/ng.directive:ngSrc) (prevent 404 before compilation when binding images & links) * Don't know how testable Vue is, while Angular is built with testability (mocks, DI, karma…) in mind. Check the last paragraph on [this documentation page](http://vuejs.org/guide/application.html). ## Angular * IE8* (IE8 support is to be dropped in the future) * Horrible documentation, official tutorial doesn't cover directives and stuff * Full-blown framework: routing, services, DI, promises, $http... * Real structure & config (app.run, app.config) * Dirty checking for data-binding * $templateCache for building & caching templates * Get complex on large-scale with nested/isolated $scope, $apply/$digest cycles * ~80ko bare * Feels a bit like 'writing angular' more than 'writing javascript' * Still a great framework overall ## Vue + Component = pick'n'go * IE9+ * Well written documentation with examples, and cover all of Vue's features * Add your features: promises, ajax, routing: more flexible but sometime more glue to write (routing for instance) * Less declarative templates (only directive are present, no ng-app and stuff) * Doesn't enforce a particular structure * require('template.html') for building & caching * I like the clean, separated scopes: `vm.data` for all models, `vm.methods` for the event listeners & stuff, and lifecycle-related methods directly on the vm, such as `vm.ready`, `vm.destroy`… (check this [example](http://vuejs.org/guide/events.html) for a better understanding) * Overall simpler API (Vue, Vue.extend, Vue.component, Vue.directive, Vue.filter) * ES5 getters/setters for data-binding * Feels simpler because of a simpler API. No confusion between factory/service/provider... * ~30ko bare