Vueでhello world!②

下記ファイルを作成する

Hello.html

<div id="app">
    {{ text }}
</div>
<script src="vue.js"></script>
<script>
    new Vue({
    el:'#app',
    data(){
        return{
            text: "hello world!"
        };
    }
})
</script>

ブラウザへ表示する

Hello.htmlをブラウザへドラッグ&ドロップする

マスタッシュ構文

{{ 変数名 }} とすることで、Vueに定義したdataの変数をコンポーネントやテンプレートに埋め込むことができる。

Vueでhello world!① はこちら

参考