Skip to content

Instantly share code, notes, and snippets.

@ayamflow
Last active August 29, 2015 13:56
Show Gist options
  • Select an option

  • Save ayamflow/8883206 to your computer and use it in GitHub Desktop.

Select an option

Save ayamflow/8883206 to your computer and use it in GitHub Desktop.

Revisions

  1. ayamflow revised this gist Feb 12, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gistfile1.md
    Original 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
    * ~~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
  2. ayamflow revised this gist Feb 12, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gistfile1.md
    Original 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)
    * ~~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
  3. ayamflow revised this gist Feb 8, 2014. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions gistfile1.md
    Original 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)
  4. ayamflow revised this gist Feb 8, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gistfile1.md
    Original 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 on large-scale with nested/isolated $scope, $apply/$digest cycles
    * [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
  5. ayamflow revised this gist Feb 8, 2014. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions gistfile1.md
    Original 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
    * 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'
    * Still a great framework overall

    ## Vue + Component = pick'n'go
    * IE9+
  6. ayamflow revised this gist Feb 8, 2014. 1 changed file with 5 additions and 4 deletions.
    9 changes: 5 additions & 4 deletions gistfile1.md
    Original 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)
    * Horrible documentation, official tutorial doesn't cover directives and stuff
    * 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)
    * 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

    * 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
  7. ayamflow created this gist Feb 8, 2014.
    43 changes: 43 additions & 0 deletions gistfile1.md
    Original 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