728x90
vue 검색 결과
9 개의 검색 결과가 있습니다.
Web/vue.js

[vue.js] vue 연습 (3) - components, properties

0. 들어가기 -. 오브젝트들의 구성 (컴포넌트)가 반복되는 경우 쉽게 사용할 수 있는 방법. C#에서 컴퓨넌트 모델이라고 부르던 그것인거같다. 1. 컴포넌트 작성 -. 컴포넌트마다 app.component('컴포넌트 이름', ~로 시작하는 별개의 vue.js 코드를 작성해야 한다. -. Template: html 코드에 작성되어 있던 해당 컴포넌트 구성 ~ 를 전부 복사해서 넣으면 된다. Javascript 특유의 ` ~ ` 표기를 써야한다. template: /*html*/ ` button clicks = ( {{clicks}} ) remain: {{ remained }} color: {{ bgColor }} ` -. 이후 기존 코드에 있던 data, methods, computed 코드를 전부 그대..

2022. 1. 16. 11:24
Web/vue.js

[vue.js] vue 연습 (1) - 변수전달, 선택적 화면 표시, 이벤트 핸들링

0. 들어가기 -. jinja2랑 vue의 표현식(?) 은 비슷해보여서 쉽게 적응할 수 있을 줄 알았다. -. 중괄호 두개 ( {{ ~~ }} ) 사이에 vue로 전달받는 변수를 입력할 수 있다. (이게 앞에 포스트에서 사용한 vue 기본 사용법) 근데 링크 등을 전달할 땐 완전 다른 방법을 쓴다..? 구문 공부를하자. -. 변수전달, 선택적 화면 표시, 이벤트 핸들링 1. Attribute binding -. tag 내의 attribute를 전달할 땐 v-bind:attribute="vue 변수명" 의 구조로 이루어진다. /* index.html */ {{ product }} /* main.js */ app = Vue.createApp({ data: function() { return { product..

2022. 1. 15. 20:34
Web/vue.js

[vue.js] vue 시작

0. 들어가기 -. vue3 나왔으니 더 이상 미룰 수 없다 나의 뷰 적응. -. vue mastery 강좌 예제 따라서 연습연습 1. 코딩 툴 -. vscode 를 추천하더라. 파이썬은 파이참으로, Flutter는 안드 스튜디오로, Vue는 vscode로.... 어이쿠 초보는 힘들다. -. syntax는 es6-string-html 애드온으로 -. 빠른 확인을 위해 Live server도 설치한다. 2. Vue 첫 적용 -. 왠지 이전에도 비슷한 걸 했던거 같지만, ... 처음 하는 것이다. 암튼 처음. /* index.html */ {{ product }} /* main.js */ app = Vue.createApp({ data: function() { return { product: "product..

2022. 1. 14. 09:38