코딩의숲

  • 홈
  • 태그
  • 방명록

v-bind 1

[vue3/composition API] v-html, v-bind, v-on 사용하기(feat. 공식문서)

1. v-html template 내에서 직접 html 코드를 작성하는 방법도 있지만, a태그 및 콘텐츠 자체를 url이라는 변수에 담아 template에서 출력하려는 것이다. 보간법(일명 콧수염 {{ }})을 사용하여 출력하면 a태그를 선언하는 < 부터 모두 출력 된다. v-html을 사용하여 출력하면 template 내에서 a 태그를 해석하여 랜더링 해준다. ** 출력내용 ** 2. v-bind 속성을 바인딩해서 쓴다는 것은,,, html 태그 내에서 사용하는 atrribute 값을 어디에선가 가져와서 쓰겠다는 뜻이다. v-bind: 로 시작하는 구문을 줄여서 : 로 표현하곤 한다. ** temtplate ** {{ background }} ** ** const background = 'pink'; ..

frontend/Vue.js 2023.07.05
이전
1
다음
더보기
프로필사진

코딩의숲

.

  • 분류 전체보기
    • frontend
      • html, css
      • javaScript
      • Vue.js
      • react.js
      • mobile
    • backend
      • java
      • database
    • docker
    • tool (git, vscode, IntelliJ..
    • 독서,강의,시험 등
    • 회고, 개발문화 등

Tag

Sass, js, javascript, Flutter, 알고리즘, 프론트엔드, filter, 코딩테스트, gitlabrunner, 프로그래머스, Android, DART, compositionAPI, scss, xml, 홈스크린위젯, vue.js, docker, ES6, vue3,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바