シリーズ記事ディレクトリ

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例: 第 1 章「Python 機械学習の概要」でのパンダの使用

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

シリーズ記事ディレクトリ

序文

Vueのプロパティという言葉がよく出てきますが、データのプロパティと似ているということしか知りませんでしたし、他についてはあまり詳しくなかったので、プロパティとは何なのかを勉強してみました。

1. プロパティとは何ですか?

チャット gpt からの回答は次のとおりです。

Vue では、property(プロパティ) は通常、コンポーネントインスタンスのデータプロパティ、つまりコンポーネント内で宣言および定義された変数を指します。これらのプロパティは、コンポーネントのテンプレートでバインドして使用できます。

propsVue コンポーネントでは、属性はとを通じて定義できますdata。
propsこれはコンポーネントの属性であり、親コンポーネントによって渡されたデータを受け取るために使用されます。コンポーネント内でオブジェクトを定義しprops、コンポーネントのタグのプロパティバインディングを使用して、子コンポーネントにデータを渡します。例えば：
// 子组件 MyComponent.vue
<template>
  <div>
    <p>{
      
      { message }}</p>
  </div>
</template>

<script>
export default {
  props: ['message'],
}
</script>
dataこれはコンポーネントの内部データであり、コンポーネント自体の状態を保存するために使用されます。コンポーネントで関数を定義するとdata、コンポーネントのデータプロパティを定義するオブジェクトが返されます。例えば：
// 组件 MyComponent.vue
<template>
  <div>
    <p>{
      
      { count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
    }
  },
  methods: {
    increment() {
      this.count++
    },
  },
}
</script>
Vue コンポーネントでは、props外部から渡されたデータを受信するために使用され、dataコンポーネント自体の状態管理に使用されます。これら 2 つが一緒になってコンポーネントのプロパティを形成します。

2. 応用例・事例

1.インスタンスプロパティの追加

vue2 ドキュメントでは次のようになります。

インスタンスプロパティの追加 — Vue の概要 Vue.js チュートリアル

ここでは、vue の基本的なプロパティの使用方法を紹介します。

2. その他の詳細

他のブロガーがまとめた次のブログ投稿を読んでください。

Vue Data Property http://t.csdn.cn/qiNLaにもここにアンチシェイクとスロットリングが書かれているので、次に書きます。

VUE2 クイックスタート (6)---プロパティの例 (ポイント) http://t.csdn.cn/8MLlgこの記事は比較的完成度が高く、よくわかりませんが、学習には使えます。

vueの属性とプロパティの意味とはhttp://t.csdn.cn/2m14dこの記事ではvueの属性とプロパティについて紹介します簡単に言うと、属性とプロパティの値によって前者の値は変わりますが、その値は後者は変更されます前者は変更できません、前者と後者の関係はインスタンスとコンストラクターに似ています (私はそれを理解しています)

以上是记录。

要約する

これは Vue の詳細を学習するための補足です。引き続き他のことを学習してください。

vueのプロパティ

シリーズ記事ディレクトリ

序文

1. プロパティとは何ですか?

2. 応用例・事例

1.インスタンスプロパティの追加

2. その他の詳細

要約する

おすすめ