예제 번역: /examples/attribute-bindings

Author: niceplugin

ko-KR/src/examples/src/attribute-bindings/App/composition.js

@@ -2,7 +2,7 @@ import { ref } from 'vue'
 
 export default {
   setup() {
-    const message = ref('Hello World!')
+    const message = ref('안녕 Vue!')
     const isRed = ref(true)
     const color = ref('green')
 

ko-KR/src/examples/src/attribute-bindings/App/options.js

@@ -1,7 +1,7 @@
 export default {
   data() {
     return {
-      message: 'Hello World!',
+      message: '안녕 Vue!',
       isRed: true,
       color: 'green'
     }
@@ -14,4 +14,4 @@ export default {
       this.color = this.color === 'green' ? 'blue' : 'green'
     }
   }
-}
+}

ko-KR/src/examples/src/attribute-bindings/App/template.html

@@ -1,18 +1,17 @@
 <p>
   <span :title="message">
-    Hover your mouse over me for a few seconds to see my dynamically bound title!
+    동적으로 바인딩된 나의 title을 보려면 몇 초 동안 마우스를 올려놓으세요!
   </span>
 </p>
 
 <!--
-class bindings have special support for objects and arrays
-in addition to plain strings
+클래스 바인딩은 일반 문자열 외에도 객체 및 배열을 지원합니다.
 -->
 <p :class="{ red: isRed }" @click="toggleRed">
-  This should be red... but click me to toggle it.
+  이것은 빨간색이어야 합니다... 하지만 전환하려면 저를 클릭하세요.
 </p>
 
-<!-- style bindings also support object and arrays -->
+<!-- 스타일 바인딩은 객체 및 배열도 지원합니다. -->
 <p :style="{ color }" @click="toggleColor">
-  This should be green, and should toggle between green and blue on click.
+  이것은 녹색이어야 하며, 클릭 시 녹색과 파란색 사이를 전환합니다.
 </p>

ko-KR/src/examples/src/attribute-bindings/description.txt

@@ -1,2 +1,2 @@
-Here we are reactively binding element attributes / properties to the state.
-The :title syntax is short for v-bind:title.
+이곳에서 엘리먼트의 속성에 상태를 반응형으로 바인딩합니다.
+:title 문법은 v-bind:title의 줄임말입니다.