๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

Vue15

@ : ์ ˆ๋Œ€ ๊ฒฝ๋กœ(root)๋ถ€ํ„ฐ ์‹œ์ž‘ import HelloWorld from '@/components/HelloWorld' @ ๋Š” src(root)๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค๋Š” ๋œป์ด๋ผ๊ณ  ํ•œ๋‹ค. 2021. 10. 22.
์ด๊ฒŒ ์ž˜ ์ดํ•ด๊ฐ€ ์•ˆ๊ฐ„๋‹ค... import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../components/Home.vue' import About from '../components/About.vue' Vue.use(VueRouter); const routes = [ { path: "/home", name: "Home", component: Home }, { path: "/about", name: "About", component: About }, ]; const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) export default router; i.. 2021. 10. 22.
Vue.js ๊ณต๋ถ€ 1์ผ์ฐจ Vue.js๋Š” ์›น ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. Vue.js๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ SPA๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. 1. Visual Studio Code 2. Node.js 3. Vue.js ์„ค์น˜ $ npm install vue ์œ„์˜ ๋ช…๋ น์–ด๋กœ ์„ค์น˜ํ•˜๋ฉด vue@2.6.12 ๋ฒ„์ „์ด ์„ค์น˜๋œ๋‹ค๊ณ  ํ•œ๋‹ค. $ npm install -g @vue/cli CLI : Command Line Interface ์œ„์˜ ๋ช…๋ น์–ด๋กœ ์„ค์น˜ํ•˜๋ฉด @vue/cli 4.5.12 ๋ฒ„์ „์ด ์„ค์น˜๋œ๋‹ค๊ณ  ํ•œ๋‹ค. Vue.js์—์„œ ์ œ๊ณตํ•˜๋Š” Vue.js devtools๋กœ ํฌ๋กฌ์— ์ถ”๊ฐ€ํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋””๋ฒ„๊น…์„ ๊ฐ€๋Šฅํ•˜๋„๋ก ํ•ด์ค€๋‹ค. https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogj.. 2021. 10. 18.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”