# v-bind

12개의 포스트
post-thumbnail

Vue) 04. 이미지 태그 v-bind:src로 보여주기..

소스코드 및 설명) products 객체형 배열에 img의 src값을 주었다. v-bind를 사용하기 위해서는 import export와 같은 개념인, require로 앞에 묶어주어야 한다! products를 v-for문을 이용해 반복되는 div에서 img 태그에

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

Vue 공식문서 - 시작하기

Vue 기초 - (v-bind, v-if, v-for, v-on, v-model)

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

Vue 공부 - 데이터 바인딩

Vue의 데이터 바인딩 - v-bind

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

[2022.06.01] Vue3 - 조건에 따라 클래스 넣는 방법(v-bind:class)

vue 클래스 동적으로 연결하기정적으로 작성한 클래스에 스타일을 입혀서 넣는 방법도 있지만 값이 변경될 때마다 동적으로 클래스가 바뀌도록 작성하는 방법도 있다. v-bind를 이용하면 된다.v-bind는 : 약어로도 작성할 수 있다. (예시) v-bind:class와

2022년 6월 1일
·
0개의 댓글
·
post-thumbnail

[2022.05.31] Vue3 attr(html 속성 연결), style 지정하기 (v-bind)

vue 파일을 살펴보면 template 태그, script 태그, style태그로 나뉘어 있다.여기서 style 태그안에 일반적으로 평소에 사용하는 css를 작성할 수 있다.vue에서는 이 방법 외에도 script를 통해서 스타일을 넣는 방법도 있다.title이라는 아

2022년 5월 31일
·
0개의 댓글
·

Vue attribute 바인딩 문법

Vue attribute 바인딩 문법

2021년 11월 2일
·
0개의 댓글
·
post-thumbnail

[ Vue.js ] Vue 가이드 - 선언적 렌더링

- node : v14.17.1 Vue : v2 Vue.js 가이드를 참고하여 작성 선언적 렌더링 Vue.sj의 핵심으로 간단한 템플릿 구문 DOM(Document Object Model)에서 데이터를 선언적으로 렌더링 할 수 있는 시스템 like.. flask-ji

2021년 6월 28일
·
0개의 댓글
·
post-thumbnail

Vue.js 완벽 가이드 - 8. 중간정리 및 스타일링

src / view / NewsView.vue저번 글에도 있었지만 다시 강조하자면 강의 시점때와는 달리 v-bind:key="item.id"를 추가해야 에러가 생기지를 않는다.import { mapGetters } from "vuex"도 마찬가지로 mapGetters외

2021년 6월 18일
·
0개의 댓글
·
post-thumbnail

[Vue.js] Vue.js 입문(2) v-for, v-bind

Vue.js의 기본 디렉티브 v-for, v-bind를 이용해 menu를 구현해고 Vue.js의 기본구조 디렉티브를 학습한다.

2021년 6월 8일
·
0개의 댓글
·

v-bind:class

데이터 바인딩은 엘리먼트의 클래스 목록과 인라인 스타일을 조작하기 위해 일반적으로 사용된다.Vuejs.orgv-bind:class는 문자열과 객체 또는 배열을 둘 다 받을 수 있다.객체를 받은 경우에는 클래스명은 객체의 속성 키에, 해당 클래스가 적용되어야 하는 조건이

2021년 4월 18일
·
0개의 댓글
·

[Vue] - Basic 속성

v-bind data 를 바인딩 해준다. v-bind 대신 :(콜론) 으로 축약해서 사용 가능 data, methods 키값을 this.키값으로 사용 대부분의 html 속성에 적용 가능하다. v-on 이벤트를 사용할 수 있다.

2020년 8월 22일
·
0개의 댓글
·

Vue.js - 클래스와 스타일 바인딩 알아보기

본 글은 Vue.js 공식문서의 클래스와 스타일 바인딩을 제가 알아보기 쉽게 풀어쓴 글 입니다.

2020년 5월 3일
·
0개의 댓글
·