Vue 뷰에서 코드 실행하기

중괄호 안에서 다양한 JavaScript 코드를 실행할 수 있습니다. 예제를 통해 살펴보겠습니다. 두 개의 숫자 속성 - var1와 var2가 있다고 가정해 봅시다:

javascriptdata() {
  return {
    var1: 1,
    var2: 2,
  }
}

예를 들어, 속성들의 값을 더해 보겠습니다:

App.vue<template>
  {{ var1 + var2 }}
</template>

이 코드의 결과는 다음과 같은 HTML이 될 것입니다:

html<div id="app">
  3
</div>
Задание 1

data에 다음과 같은 내용이 저장되어 있다고 가정합니다:

javascriptdata() {
  return {
    num: 5,
  }
}

속성 num의 제곱을 화면에 출력하세요.

Задание 2

data에 다음과 같은 내용이 저장되어 있다고 가정합니다:

javascriptdata() {
  return {
    num1: 1,
    num2: 2,
    num3: 3,
  }
}

속성 num1, num2 및 num3의 합계를 화면에 출력하세요.