vue の vm とはどういう意味ですか?

Vue の

vm は、現在の Vue インスタンスを参照するローカル変数であり、データ、計算されたプロパティ、メソッド、ライフサイクル フックなどのインスタンスのプロパティとメソッドにアクセスする方法を提供します。 1. vm.someData: テンプレート内のデータにアクセスします。 2. this.someData: コンポーネント コード内のデータにアクセスします。 3. this.someComputed: 計算されたプロパティにアクセスします。 4. this.someMethod: メソッドを呼び出します。

Vue の vm とは何ですか? Vue.js の

vm は、Vue インスタンスを参照するローカル変数です。つまり、vm は現在の Vue インスタンスを指すオブジェクトです。

Vue インスタンスの構造

Vue インスタンスは、次のプロパティとメソッドを含むオブジェクトです:

• data: インスタンス データを含むリアクティブ オブジェクト
• computed: 計算されたプロパティを含む関数
• メソッド: メソッドを含む関数
• watch: データプロパティの変更を監視するオブザーバー
• ライフサイクルフック: インスタンスのライフサイクル中に実行されるフック関数

vmの目的

vmはAを提供しますテンプレートとコードで Vue インスタンスにアクセスする方法。これを使用して、データ、計算されたプロパティ、メソッド、ライフサイクル フックにアクセスできます。

vm の使用方法

Vue テンプレートでは、次の構文を使用して vm にアクセスできます:

<code class="html">this.someData</code>

Vue コンポーネント コードでは、次の構文を使用して vm にアクセスできます:

<code class="js">this.someData</code>

例

以下例は、VM アクセス データ、計算されたプロパティ、およびメソッドの使用方法を示しています:

<code class="js">const app = new Vue({
  data() {
    return {
      count: 0
    }
  },
  computed: {
    doubleCount() {
      return this.count * 2
    }
  },
  methods: {
    incrementCount() {
      this.count++
    }
  }
})

app.vm.doubleCount // 0
app.vm.incrementCount()
app.vm.doubleCount // 2</code>

以上がvue の vm とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。