コリラボ

技術の学びの備忘録

Vue.js

2018-08-05から1日間の記事一覧

Vue.js文字列を逆転させる

Vue.js文字列を逆転させる 今回は文字列を逆転させるスクリプトを書いてみたいと思います。 動くサンプル 動くサンプルはこちら HTML側はこう書いた <div id="app"> <p>{{ message }}</p> <button v-on:click="reverseMessage">Reverse Message</button> </div> ハマったところ 特になし スクリプト側はこう書いた <script> var app = new Vue(…

v-for配列をランダムに表示する

やりたい事 v-forで111111とか表示するのではなく、 2345123のようにランダムに表示したい。 動くサンプル 動くサンプルはこちら htmlの方 <div id="app"> <span v-for="n in 5" >{{random()}}</span> </div> ハマったところ 特になし scriptの方 <script> new Vue({ el: '#app', data: { ary: ['1','2','3','4','5','6…