??
? ? ?, ?? ?? ???? ????? ?? React.js ????? ?????? ??? ??? ?? ??? ????? "??"?????. ?? Components ????? ?? ?? ??? ???? ??? ??? ?? ??? ??????. ?? ??? ? ?? ????.
?? ?? ??? ????? ????? ?? ??? ???? ?? Vue.js ?????? ???? ????. ??? ? ????? ??? ?? ??? ? ?????? ??? ????? ????? ???? ??? ? ?? ???? ????? ?????.
???? ??? ?? ??? Vue.js? ??? ??? ?????
??? React?? Vue?? ?????? ???? ?? ? ????
??? ??? ?? ? ????!
???? ??
??? ????
????? ????? ?? ??? ?? ?? ??, ??? ??? ??? ? ?? ?? ???????? ?? ??? ???!
?? ? ?? ?? npm create vue@latest ??? ? ?? ??? ??? ?????.
? Project name: … myproject-vue ? Add TypeScript? … No / Yes ? Add JSX Support? … No / Yes ? Add Vue Router for Single Page Application development? … No / Yes ? Add Pinia for state management? … No / Yes ? Add Vitest for Unit Testing? … No / Yes ? Add an End-to-End Testing Solution? ? Playwright ? Add ESLint for code quality? … No / Yes ? Add Prettier for code formatting? … No / Yes ? Add Vue DevTools 7 extension for debugging? (experimental) ? No / Yes
Typescript ??? ?? ???? ??? ???? ???? ???? ?? ? ????? ???? ?? ??? ????!
????? Vite ???? ?????. ?? ???? ?? ?? ?? ?????!? ??? ??? ??? ???? ?? HMR(? ?? ??)? ? ?????.
?? ?? ??? ???? ?? ?? npm run dev? ???? ???! ??????? ?? ?? ????!
??? ??? ????? npm run build ??? ????? ?? ?? ??? ??? ? ????? dist ????? ?? ??? ??????(Typescript? ???? ??).
vite v5.2.11 building for production... ? 48 modules transformed. dist/index.html 0.43 kB │ gzip: 0.28 kB dist/assets/AboutView-C6Dx7pxG.css 0.09 kB │ gzip: 0.10 kB dist/assets/index-D6pr4OYR.css 4.21 kB │ gzip: 1.30 kB dist/assets/AboutView-CEwcYZ3g.js 0.22 kB │ gzip: 0.20 kB dist/assets/index-CfPjtpcd.js 89.23 kB │ gzip: 35.29 kB ? built in 591ms
???? ????
. ├── README.md ├── e2e/ ├── index.html ├── package.json ├── public/ ├── src/ │ ├── App.vue │ ├── assets/ │ ├── components/ │ │ ├── HelloWorld.vue │ │ ├── TheWelcome.vue │ │ ├── WelcomeItem.vue │ │ ├── __tests__/ │ │ └── icons/ │ ├── main.ts │ ├── router/ │ │ └── index.ts │ ├── stores/ │ │ └── counter.ts │ └── views/ │ ├── AboutView.vue │ └── HomeView.vue ├── tsconfig.json └── vite.config.ts
????? ??? ???? ?? ??? ??????.
- main.ts, ? ????, ??? ? ???? ?? ??:
? Project name: … myproject-vue ? Add TypeScript? … No / Yes ? Add JSX Support? … No / Yes ? Add Vue Router for Single Page Application development? … No / Yes ? Add Pinia for state management? … No / Yes ? Add Vitest for Unit Testing? … No / Yes ? Add an End-to-End Testing Solution? ? Playwright ? Add ESLint for code quality? … No / Yes ? Add Prettier for code formatting? … No / Yes ? Add Vue DevTools 7 extension for debugging? (experimental) ? No / Yes
- ??? ? ??? ??? ?? ?? .ts ??
- ?? ?? ? ??? ??
- ... ??? ?? ?? ??(????? ??? ??? ??? ??)? ?(?? ??? ??)? ???? *.vue ?? ???)
??? ??? ?? ????? ????? ?? ??? ?????? ???? ?? ???? React? ????? ????? ?????.
???? React?? ?? ?? ?? ??? ?? ????. ??? ??? ??? ?????!
Vue ??? ????
??? ?? ?????? ??? ?? ?? ?????. ???? ??? ??? ???? ???? ?? "?? ???? ?????"?? ??? ????? ?? *.vue ??? ???? ????? ?????.
vite v5.2.11 building for production... ? 48 modules transformed. dist/index.html 0.43 kB │ gzip: 0.28 kB dist/assets/AboutView-C6Dx7pxG.css 0.09 kB │ gzip: 0.10 kB dist/assets/index-D6pr4OYR.css 4.21 kB │ gzip: 1.30 kB dist/assets/AboutView-CEwcYZ3g.js 0.22 kB │ gzip: 0.20 kB dist/assets/index-CfPjtpcd.js 89.23 kB │ gzip: 35.29 kB ? built in 591ms
@click? ??? ??? ???, v-if? ??? ??? ??, v-bind()? ??? CSS ???? ?????.
??? ?? ??? 3?? ???? ?????.
- ????: ?? ??;
- ???: HTML ??;
- ???: CSS ??? ??
??? ? ? ??? ?? ??? ?????.
?? ?? ????? ???? ??? ?? ????? ??? ? ?? ??? ????.
- HTML ??? ???? ???? ??? ?? ??? ??????. ???? ???? ???? ???? ?? ?? ????.
- ?? ??? ????? ??? ? ???? ????.
- ?? ?????? ???? ??? ????? ?? ???? ?? CSS? ??? ? ????.
- ??? ???? ???? CSS? ??? ??? ? ????.