Vue.js ααΊααΆ Framework αα½αααααΆααΆ Javascript αααα’αΆα α²ααα’αααααααΎααααΆαααααααΎα αα·ααα ααΆααα ααααα (Client Side) α²ααααΆαααΆαααΆααααΆα αα·αααααααΎαα ααΆααΆαααΆαααΆααααα½ααααα»αααΆααα·ααααΆ ααΆααα»αααΆααααααα αα·αααααΎαααΆαααΏαα α’ααααααααααΉααααα αΆαααΈααΆααααααααααααααααααααααα·αα Vue.js αα ααΉα Framework ααααααΈααΈααααααΊ React αα·α Angular 2α
Vue vs. React
ααΆαααααααααααΉααΆααααααααααΆαααααΎαααααααααΏαααααΆα Render UI αααα Framework ααΆααααΈααα αΌααα ααα 20αα αα ααΎ Chrome 52 αααααααΎ MacBook Airα
αααΆαααΆαα·αααααΏααα½ααα»ααα·αα’αΆα αααααααΆαα’ααα αΆααααααα Framework ααΆαααα αααααΆαααα’ααααα½ααααααααα·ααΆααα½αααα ααΊαααααα»ααααααΆαααα»αααΆααααααΎα Html UI αααα Framework ααΆααααΈαα React ααααΎααααΆαα JSX αααααααΎααααΆααααΌα Javascript ααΎααααΈαααααΎαααΆαα» Htmlα α’αααααααααααααααΆαααααΎααααααααΊ α’αααα’αΆα αααααΎαα’αααΈα αααααααΎααΆααΆαααα½α (Javascript) α ααΈα― Vue αα·αααααΎααααΆαα Template ααΎααααΈαααααΎαααΆαα» Htmlα ααΆααα·ααα Template ααΊαα·ααα»αααΈ Html ααααα ααΆααΆαααααααααΆααααα½ααααααΆααα’αααααΈα αααΆααααααααΆαα·ααααααΆααΆααΆαα»αααααΌααααααααΆαααΆαααΆααα·αααααααααααα ααΎααααΈαααααΆααααα αααΆααααΌαα§ααΆα αααααΆααααααα
React JSX
Vue Template
αα½ααα·αααα React αα·αα’αΆα αααααα Template α αΆααααααααΆααααααΎαααΈαα»αααααα ααΆαα·αααΆαα·ααΆααααααΆααααααααααααααα ααααΆαααααααΎ React αααααααΆααααααααΎαα α ααααααΆααα·ααααΆ αα·αααΆαααααΎααααΆαααα·αααααΆααααααααα»αααααΆαααααααα ααα React αααααΌαα²ααα’αααα αα JSX αα·α ES2015 αααααΆααΏααα·αα αΆαααΆα ααααααΆααα’αααααααΎααααΆαα Vue.jsα
Vue vs. Angular 2
Framework ααΆααααΈααα»αααααααΆαααααΏαααΏαααΌα ααααΆ ααΉααααα·αα’αΆα ααααα·ααααΆαααΆαα αααΆαααΆαα·α ααΆαααααΎααααααααααα αααααα―αααΆααααα½αααΆααααα αΆαααααααααΆαα½ααα ααααααααΆααααΆ Vue ααΆαααααΏαααΏαααΆα Angular 2α
α ααααααα ααα·α Vue.js 2.0 αααααΆααα»αααΆααααααα αα½αααΆαα Compiler ααΆαααα αααααΉααα 23kb ααα»αααααα ααΈα―ααΌαααΆαααααα½ααα Angular 2 ααΆαααα α 50kb αα α αΎαα Angular 2 ααααΎαα»αααΆα Tree-Shaking αααα’αΆα αα»αα ααααΌαα’αααΈααααα·αααΆαααααΎααααΆαα ααΎααααΈααααα½αααα αα ααΌα ααααααααα·αααΎα’αααααααΎααααΆαααα»αααΆαα αααΎα αααααα αααααααΌαααααΆααααααΎαα‘αΎααααα
ααΎαα·ααΆαααΈααααααααΌααα·α Vue ααΆαααααααααααααααΆα Angular 2α ααΆα’αΆα α²ααα’αααααααΎααααΆαααααααααΌα αα·αααααααααααααααααα·ααΈααααααααααααα½αα―α αα·αα αΆαααΆα ααααααα ααΆαααΆαααααααααα Framework α‘αΎαα
α’αααα’αΆα α αΆααααααΎααααααΎααααααα·ααΈααΆαα½α Vue.js ααΆαααααΎαα·αααΎα’αααααΆαα ααααααΉαααααΉααα HTML αα·α Javascript αααααααΆααααα αααΆααααααααα·α ααααα½α α’αΆαααΌααααααΉαααααααααα Vueα α ααααα― Angular 2 α αΆααααΌα ααΆαααααΌαα²ααα’αααα αααΆααααα αααΎαααααα·α ααΎααααΈααααααααααΈ Framework αα½ααααα