vue 문법 문자열 의 예제 코드

1332 단어 vue조립 하 다문자열
본 고 는 vue 문법 이 문자열 을 연결 하 는 예제 코드 를 소개 하고 구체 적 으로 다음 과 같다.
먼저 코드 한 줄:

<div class="swiper-slide" v-for="item in message">
　　<img v-bind:src="['xxx(        )'+item.picurl]" alt="" width="100%" height="245" />
</div>
코드 에서 보 듯 이 배열 문법 에서 문자열 을 맞 추 면 됩 니 다.
***지식 포인트***
vue 문법
쓰기 도 style 의 바 인 딩 과 class 의 바 인 딩 으로 나 뉜 다.
(아래 코드 부분 은 홈 페이지 예)
(1)대상 문법
말 그대로 대상 표기 법 을 사용 하 는 문법 이 있다.
스타일 귀속:

이런 문법 은 css 문법 과 유사 하 다
class 귀속:

active 는 클래스 이름 이 고,isActive 가 true 일 때 active 가 유효 합 니 다.
(2)배열 문법
스타일 귀속:

<div :style="[style1,style2,style3]"></div>
data 쓰기 홈 페이지 에 소개 되 지 않 았 습 니 다.제 가 간단하게 예 를 들 어 보 겠 습 니 다.

data: {
  style1:{background:'red'},
  style2:{width:'100px'},
  style3:{height:'100px'}
 }
class 귀속:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
AngularJS 가 구현 한 초점 획득 및 초점 을 잃 었 을 때의 폼 검증 기능 예시
vue+vuecli+webpack 에서 mockjs 를 사용 하여 백 엔 드 데 이 터 를 모 의 하 는 예제

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage