用途
新着
履歴
分類

VueJS やってみた

VueJS やってみた

Vue.jsというJavaScriptのフレームワークに出会ったので、hello worldまでやってみました。

まず、vue.jsを読み込みます。

そして以下のようなHTMLを書きます。

<div id="myApp">
  {{ myMessage }}
</div>

その下に以下のJSを書きます。

var app = new Vue({
  el: '#myApp',
  data: {
    myMessage: 'Hello world!'
  }
})

実行結果

Hello world!

{{ myMessage }}という文字列が指定したテキストに置き換わりました。

PHPのテンプレートのような記述なのにHTMLに直に書いてしまっていいなんて、ちょっと違和感を感じましたが、そのまま受け入れてみましょう。

公開 2019-08-03 12:12:59
このページの二次元コード
VueJS やってみた

人気のサンプル

search -  category -  about
© 2024 kipure
Top