본문 바로가기

JavaScript/Vue26

[Vue.js] v-model v-model은 양방향 바인딩을 할 때 사용한다. 2021. 12. 28.

[Vue.js] v-on v-on은 DOM 이벤트를 수신할 때 사용한다. 2021. 12. 28.

[Vue.js] v-bind 란? v-bind는 반응적으로 html 속성을 업데이트할 때 사용한다. 2021. 12. 28.

[Vue.js] 선언 순서 index.js Vue.component('todo-item', { template: '할일 항목 하나입니다.' }) var app = new Vue({ // 위에 Vue.component랑 순서가 바뀌면 화면에 출력이 안된다! el: '#app' }) index.html 2021. 10. 25.

[Vue.js] vue-router를 사용하는 여러 가지 방법 1. 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.. 2021. 10. 25.

[Vue.js] vue-router 이란? ❄️ vue-router 란? 라우팅을 간단히 해주는 라이브러리 vue-router는 SPA를 만드는 것을 용이하게 해준다. 설치 방법 프로젝트가 있는 경로로 가서 terminal에 아래의 명령어를 입력한다. npm install vue-router 설치를 하면 package.json의 dependencies에 아래와 같은 문구가 새로 생긴다. router을 사용할 때에는 src 폴더 아래에 'router'라는 폴더를 생성하고 그 안에 index.js라는 파일을 만든다. 이렇게 만들자고 한 것은 약속이라고 한다. src/router/index.js import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../componen.. 2021. 10. 25.

이전 1 2 3 4 5 다음

티스토리툴바