一、マウントポイント、テンプレートとインスタンスの関係マウントポイント:Vueのel属性にバインドされたDOMノードVueはマウントポイント内の内容のみを処理する
テンプレート:マウントポイントの内部の内容は、テンプレートテンプレートテンプレートがマウントポイントの内部に置くだけでなく、Vueインスタンスに置くこともできます.templateプロパティで、templateプロパティに書くことができます.

    
    
    


    
    

        
{{msg}}
    
    
    
        new Vue({
            el:"#root",
            data:{
                msg:"hello world"
            }
        })
    

1、上記のVueインスタンスでは、el属性id=rootに対応するdivラベルがマウントポイントであり、インスタンスではこのdiv内の内容が処理され、他のラベルがあるがidがrootに等しくない場合、このようなラベルはマウントポイントではない.2、テンプレートはマウントポイント内の内容で、テンプレートはbodyラベルのマウントポイント内だけでなく、Vueインスタンスにも書くことができます.上記hello{{msg}}はテンプレートであり、Vueインスタンスではtemplateプロパティに記載されています.

template:"
{{msg}}
",

3、h 1ラベルには2つのカッコがあり、これは「補間式」であり、カッコ内はタグであり、本当に表現されたのはVueのdata属性のタグ後の内容であるため、divではmsgが本当に表現されているのはhello worldである.