>웹 프론트엔드 >JS 튜토리얼 >Vue에서 변수와 문자열 연결을 구현하는 방법

Vue에서 변수와 문자열 연결을 구현하는 방법

陈政宽~
陈政宽~원래의
2018-05-24 10:02:564991검색

이 글에서는 vue에서 variablesstrings의 splicing을 구현하는 방법을 주로 소개합니다. 편집자가 꽤 좋다고 생각해서 지금 공유하고 참고용으로 올려드리겠습니다. 에디터를 따라가서 살펴보겠습니다.

문서를 정리하고, vue에서 변수와 문자열 스플라이싱을 구현하는 방법에 대한 코드를 검색하고, 정리하고 조금 간소화한 후 공유해 보세요.

데이터에서 변수 정의:

data() {
  return {
    a: 'A'
  }
}

버튼을 클릭하여 문자열과 변수 a를 연결하는 방법은 무엇입니까?

<button @click=&#39;showMsg&#39;></button>
//vue
methods: {
  showMsg() {
    alert(`获取了${a}`);
  }
}

alert()에는 작은 따옴표가 없지만 두 개의 ` 기호(esc 아래 키)가 있다는 점에 유의하세요.

버튼을 클릭하시면 나타납니다


위 내용은 모두의 학습에 도움이 되기를 바라며, 모두가 스크립트 하우스를 응원해 주시길 바랍니다.

위 내용은 Vue에서 변수와 문자열 연결을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.