Note
  • Introduction
  • Mocha
  • Mongodb
  • Javascript Snippet
  • Comon code snippets
  • React & Webpack
  • Meteor
  • Http
  • Useful command
  • Async, Await / Promise
  • Google Maps API
  • Vue 2.x, React, Angular 1.x
  • Redis
  • Website Performance Optimization
  • 尚未整理
  • Regular Expression
  • Blockchain
    • Bitcoin
  • Make a Landing Page
  • CSS Tricks
  • Date
  • Chrome Dev Tool - Tuning Performance
  • Segment and keen.io
  • SlackBot
Powered by GitBook
On this page

Was this helpful?

Vue 2.x, React, Angular 1.x

PreviousGoogle Maps APINextRedis

Last updated 5 years ago

Was this helpful?

Vue Material issue

  1. md-checkbox cannot receives array of items as v-model argument items.

v-model v.s. ng-model

  • Achieve Two-way binding in AngularJS 1.x/Vue.js is easier than React JS, change from ui/controller side can cause change happen in another side

  • React use Controlled Component to achieve same mechanism.

    • Which the input value is inside React's state.

    • But it needs developer to craft this which is hook event listener manually.

    • ng-model / v-model just assign as directive at element template.

  • The Data-driven of Vue.js can update data at initial state easily without writing additional inital code. ()

    • React must invoke Dropdown options Web API at componemtDidl/WillMount and use componentWillReceiveProps to update the State by write those code manually.

    • Use data-driven of Vue.js just assign to the variable of first dropdown's options variable, it will cause second, third. fouth to change options automatically because of we use computed or watch mechanism of Vue.js

    • Example, Association Dropdown