Vueにおけるdataオブジェクト

コンポーネントの基礎は、私たちが操作するデータです。 これらのデータは、特別なオブジェクト data に保存されます。このオブジェクトは、 特別なメソッドの結果として返される必要があります:

App.vueexport default {
  data() {
    return {
      
    }
  }
}

データオブジェクトのプロパティに何らかのテキストを保存してみましょう:

App.vuedata() {
  return {
    text1: '111',
    text2: '222',
  }
}

保存したデータは、テンプレート（ビュー）に出力することができます。 これは二重中括弧の中で行われ、 出力したいプロパティの名前を記述します。 私たちのプロパティの値を出力してみましょう:

App.vue<template>
  {{ text1 }}
  {{ text2 }}
</template>

次に、それぞれのメッセージが独自の段落タグで出力されるようにしましょう:

App.vue<template>
  <p>{{ text1 }}</p>
  <p>{{ text2 }}</p>
</template>

javascriptdata() {
  return {
    name: 'john',
    surn: 'smit',
  }
}