VUE のエラーを解決する方法: プロパティまたはメソッド「xxx」はインスタンスで定義されていませんが、レンダリング中に参照されています

VUE 中の警告の方法 [Vue 警告]: プロパティまたはメソッド「xxx」はインスタンス上で定義されていませんが、レンダリング中に参照されます。データ オプションまたはクラスベースのコンポーネントのいずれかでプロパティを初期化して、このプロパティがリアクティブであることを確認してください。

Vue.component(
    'component1', {
    
    
        props: {
    
    

        },
        template: ``,
        data:{
    
    
            a:"章三",
            b:"李四",
        },
        mounted() {
    
    

        },
        methods: {
    
    }
    }
)
Vue.component(
    'component2', {
    
    
        props: {
    
    

        },
        template: ``,
        data() {
    
    
            return {
    
    
                a:"章三",
                b:"李四",
            }
        },
        mounted() {
    
    },
        methods: {
    
    }
    }
)

vue コンポーネントを使用する場合、コンポーネントが関数の場合、データが関数名として使用され、データ オブジェクトが関数の戻り値として使用されます。コンポーネントを使用して複数のインスタンスを作成できるためです。データがまだ純粋なオブジェクトである場合、すべてのインスタンスは同じデータ オブジェクトへの参照を共有します。data 関数を提供すると、新しいインスタンスが作成されるたびに data 関数を呼び出すことができ、それによって初期データ データ オブジェクトの新しいコピーを返すことができます。